test.js (5138B)
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others 2 // Distributed under an MIT license: http://codemirror.net/LICENSE 3 4 (function() { 5 var mode = CodeMirror.getMode({indentUnit: 2}, "sass"); 6 // Since Sass has an indent-based syntax, is almost impossible to test correctly the indentation in all cases. 7 // So disable it for tests. 8 mode.indent = undefined; 9 function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); } 10 11 MT("comment", 12 "[comment // this is a comment]", 13 "[comment also this is a comment]") 14 15 MT("comment_multiline", 16 "[comment /* this is a comment]", 17 "[comment also this is a comment]") 18 19 MT("variable", 20 "[variable-2 $page-width][operator :] [number 800][unit px]") 21 22 MT("global_attributes", 23 "[tag body]", 24 " [property font][operator :]", 25 " [property family][operator :] [atom sans-serif]", 26 " [property size][operator :] [number 30][unit em]", 27 " [property weight][operator :] [atom bold]") 28 29 MT("scoped_styles", 30 "[builtin #contents]", 31 " [property width][operator :] [variable-2 $page-width]", 32 " [builtin #sidebar]", 33 " [property float][operator :] [atom right]", 34 " [property width][operator :] [variable-2 $sidebar-width]", 35 " [builtin #main]", 36 " [property width][operator :] [variable-2 $page-width] [operator -] [variable-2 $sidebar-width]", 37 " [property background][operator :] [variable-2 $primary-color]", 38 " [tag h2]", 39 " [property color][operator :] [keyword blue]") 40 41 // Sass allows to write the colon as first char instead of a "separator". 42 // :color red 43 // Not supported 44 // MT("property_syntax", 45 // "[qualifier .foo]", 46 // " [operator :][property color] [keyword red]") 47 48 MT("import", 49 "[def @import] [string \"sass/variables\"]", 50 // Probably it should parsed as above: as a string even without the " or ' 51 // "[def @import] [string sass/baz]" 52 "[def @import] [tag sass][operator /][tag baz]") 53 54 MT("def", 55 "[def @if] [variable-2 $foo] [def @else]") 56 57 MT("tag_on_more_lines", 58 "[tag td],", 59 "[tag th]", 60 " [property font-family][operator :] [string \"Arial\"], [atom serif]") 61 62 MT("important", 63 "[qualifier .foo]", 64 " [property text-decoration][operator :] [atom none] [keyword !important]", 65 "[tag h1]", 66 " [property font-size][operator :] [number 2.5][unit em]") 67 68 MT("selector", 69 // SCSS doesn't highlight the : 70 // "[tag h1]:[variable-3 before],", 71 // "[tag h2]:[variable-3 before]", 72 "[tag h1][variable-3 :before],", 73 "[tag h2][variable-3 :before]", 74 " [property content][operator :] [string \"::\"]") 75 76 MT("definition_mixin_equal", 77 "[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]", 78 "[meta =bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )]", 79 " [meta -webkit-][property box-sizing][operator :] [variable-2 $bs-type]", 80 " [property box-sizing][operator :] [variable-2 $bs-type]") 81 82 MT("definition_mixin_with_space", 83 "[variable-2 $defined-bs-type][operator :] [atom border-box] [keyword !default]", 84 "[def @mixin] [tag bs][operator (][variable-2 $bs-type][operator :] [variable-2 $defined-bs-type][operator )] ", 85 " [meta -moz-][property box-sizing][operator :] [variable-2 $bs-type]", 86 " [property box-sizing][operator :] [variable-2 $bs-type]") 87 88 MT("numbers_start_dot_include_plus", 89 // The % is not highlighted correctly 90 // "[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][unit %][operator )][operator )]", 91 "[meta =button-links][operator (][variable-2 $button-base][operator :] [atom darken][operator (][variable-2 $color11], [number 10][operator %))]", 92 " [property padding][operator :] [number .3][unit em] [number .6][unit em]", 93 " [variable-3 +border-radius][operator (][number 8][unit px][operator )]", 94 " [property background-color][operator :] [variable-2 $button-base]") 95 96 MT("include", 97 "[qualifier .bar]", 98 " [def @include] [tag border-radius][operator (][number 8][unit px][operator )]") 99 100 MT("reference_parent", 101 "[qualifier .col]", 102 " [property clear][operator :] [atom both]", 103 // SCSS doesn't highlight the : 104 // " &:[variable-3 after]", 105 " &[variable-3 :after]", 106 " [property content][operator :] [string '']", 107 " [property clear][operator :] [atom both]") 108 109 MT("reference_parent_with_spaces", 110 "[tag section]", 111 " [property border-left][operator :] [number 20][unit px] [atom transparent] [atom solid] ", 112 " &[qualifier .section3]", 113 " [qualifier .title]", 114 " [property color][operator :] [keyword white] ", 115 " [qualifier .vermas]", 116 " [property display][operator :] [atom none]") 117 118 MT("font_face", 119 "[def @font-face]", 120 " [property font-family][operator :] [string 'icomoon']", 121 " [property src][operator :] [atom url][operator (][string fonts/icomoon.ttf][operator )]") 122 })();