to-be-integrated/third-party/codemirror-3.15/mode/css/scss_test.js

   1 (function() {
   2   var mode = CodeMirror.getMode({tabSize: 4}, "text/x-scss");
   3   function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "scss"); }
   4
   5   MT('url_with_quotation',
   6     "[tag foo] { [property background][operator :][string-2 url]([string test.jpg]) }");
   7
   8   MT('url_with_double_quotes',
   9     "[tag foo] { [property background][operator :][string-2 url]([string \"test.jpg\"]) }");
  10
  11   MT('url_with_single_quotes',
  12     "[tag foo] { [property background][operator :][string-2 url]([string \'test.jpg\']) }");
  13
  14   MT('string',
  15     "[def @import] [string \"compass/css3\"]");
  16
  17   MT('important_keyword',
  18     "[tag foo] { [property background][operator :][string-2 url]([string \'test.jpg\']) [keyword !important] }");
  19
  20   MT('variable',
  21     "[variable-2 $blue][operator :][atom #333]");
  22
  23   MT('variable_as_attribute',
  24     "[tag foo] { [property color][operator :][variable-2 $blue] }");
  25
  26   MT('numbers',
  27     "[tag foo] { [property padding][operator :][number 10px] [number 10] [number 10em] [number 8in] }");
  28
  29   MT('number_percentage',
  30     "[tag foo] { [property width][operator :][number 80%] }");
  31
  32   MT('selector',
  33     "[builtin #hello][qualifier .world]{}");
  34
  35   MT('singleline_comment',
  36     "[comment // this is a comment]");
  37
  38   MT('multiline_comment',
  39     "[comment /*foobar*/]");
  40
  41   MT('attribute_with_hyphen',
  42     "[tag foo] { [property font-size][operator :][number 10px] }");
  43
  44   MT('string_after_attribute',
  45     "[tag foo] { [property content][operator :][string \"::\"] }");
  46
  47   MT('directives',
  48     "[def @include] [qualifier .mixin]");
  49
  50   MT('basic_structure',
  51     "[tag p] { [property background][operator :][keyword red]; }");
  52
  53   MT('nested_structure',
  54     "[tag p] { [tag a] { [property color][operator :][keyword red]; } }");
  55
  56   MT('mixin',
  57     "[def @mixin] [tag table-base] {}");
  58
  59   MT('number_without_semicolon',
  60     "[tag p] {[property width][operator :][number 12]}",
  61     "[tag a] {[property color][operator :][keyword red];}");
  62
  63   MT('atom_in_nested_block',
  64     "[tag p] { [tag a] { [property color][operator :][atom #000]; } }");
  65
  66   MT('interpolation_in_property',
  67     "[tag foo] { [operator #{][variable-2 $hello][operator }:][number 2]; }");
  68
  69   MT('interpolation_in_selector',
  70     "[tag foo][operator #{][variable-2 $hello][operator }] { [property color][operator :][atom #000]; }");
  71
  72   MT('interpolation_error',
  73     "[tag foo][operator #{][error foo][operator }] { [property color][operator :][atom #000]; }");
  74
  75   MT("divide_operator",
  76     "[tag foo] { [property width][operator :][number 4] [operator /] [number 2] }");
  77
  78   MT('nested_structure_with_id_selector',
  79     "[tag p] { [builtin #hello] { [property color][operator :][keyword red]; } }");
  80 })();