sass 3.1.0 → 3.3.0

data/test/sass/scss/css_test.rb

@@ -412,11 +412,20 @@ foo {
 SCSS
   end
 
+  def test_element_function
+    assert_parses <<SCSS
+foo {
+  a: -moz-element(#foo);
+  b: -webkit-element(#foo);
+  b: -foobar-element(#foo); }
+SCSS
+  end
+
   def test_unary_ops
     assert_equal <<CSS, render(<<SCSS)
 foo {
   a: -0.5em;
-  b: 0.5em;
+  b: +0.5em;
   c: -foo(12px);
   d: +foo(12px); }
 CSS
@@ -479,7 +488,7 @@ SCSS
 
   def test_media_directive_with_keywords
     assert_parses <<SCSS
-@media screen and (-webkit-min-device-pixel-ratio:0) {
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
   a: b; }
 SCSS
     assert_parses <<SCSS
@@ -496,13 +505,20 @@ SCSS
     assert_parses '@import url(foo.css);'
   end
 
-  def test_import_directive_with_media
+  def test_string_import_directive_with_media
     assert_parses '@import "foo.css" screen;'
     assert_parses '@import "foo.css" screen, print;'
     assert_parses '@import "foo.css" screen, print and (foo: 0);'
     assert_parses '@import "foo.css" screen, only print, screen and (foo: 0);'
   end
 
+  def test_url_import_directive_with_media
+    assert_parses '@import url("foo.css") screen;'
+    assert_parses '@import url("foo.css") screen, print;'
+    assert_parses '@import url("foo.css") screen, print and (foo: 0);'
+    assert_parses '@import url("foo.css") screen, only print, screen and (foo: 0);'
+  end
+
   def test_page_directive
     assert_parses <<SCSS
 @page {
@@ -557,7 +573,6 @@ SCSS
     assert_parses <<SCSS
 @foo bar {
   a: b; }
-
 @bar baz {
   c: d; }
 SCSS
@@ -577,7 +592,6 @@ SCSS
     assert_equal <<CSS, render(<<SCSS)
 @foo {
   a: b; }
-
 @bar {
   a: b; }
 CSS
@@ -586,93 +600,195 @@ CSS
 SCSS
   end
 
+  def test_moz_document_directive
+    assert_equal <<CSS, render(<<SCSS)
+@-moz-document url(http://www.w3.org/),
+               url-prefix(http://www.w3.org/Style/),
+               domain(mozilla.org),
+               regexp("^https:.*") {
+  .foo {
+    a: b; } }
+CSS
+@-moz-document url(http://www.w3.org/),
+               url-prefix(http://www.w3.org/Style/),
+               domain(mozilla.org),
+               regexp("^https:.*") {
+  .foo {a: b}
+}
+SCSS
+  end
+
+  def test_supports
+    assert_equal <<CSS, render(<<SCSS)
+@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
+  .foo {
+    a: b; } }
+@supports (a: b) {
+  .foo {
+    a: b; } }
+CSS
+@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
+  .foo {
+    a: b;
+  }
+}
+
+@supports (a: b) {
+  .foo {
+    a: b;
+  }
+}
+SCSS
+
+    assert_equal <<CSS, render(<<SCSS)
+@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
+  .foo {
+    a: b; } }
+CSS
+@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
+  .foo {
+    a: b;
+  }
+}
+SCSS
+  end
+
   ## Selectors
 
-  # Taken from http://www.w3.org/TR/css3-selectors/#selectors
-  def test_summarized_selectors
+  # Taken from http://dev.w3.org/csswg/selectors4/#overview
+  def test_summarized_selectors_with_element
     assert_selector_parses('*')
     assert_selector_parses('E')
+    assert_selector_parses('E:not(s)')
+    assert_selector_parses('E:not(s1, s2)')
+    assert_selector_parses('E:matches(s1, s2)')
+    assert_selector_parses('E.warning')
+    assert_selector_parses('E#myid')
     assert_selector_parses('E[foo]')
     assert_selector_parses('E[foo="bar"]')
+    assert_selector_parses('E[foo="bar" i]')
     assert_selector_parses('E[foo~="bar"]')
     assert_selector_parses('E[foo^="bar"]')
     assert_selector_parses('E[foo$="bar"]')
     assert_selector_parses('E[foo*="bar"]')
     assert_selector_parses('E[foo|="en"]')
-    assert_selector_parses('E:root')
-    assert_selector_parses('E:nth-child(n)')
-    assert_selector_parses('E:nth-last-child(n)')
-    assert_selector_parses('E:nth-of-type(n)')
-    assert_selector_parses('E:nth-last-of-type(n)')
-    assert_selector_parses('E:first-child')
-    assert_selector_parses('E:last-child')
-    assert_selector_parses('E:first-of-type')
-    assert_selector_parses('E:last-of-type')
-    assert_selector_parses('E:only-child')
-    assert_selector_parses('E:only-of-type')
-    assert_selector_parses('E:empty')
+    assert_selector_parses('E:dir(ltr)')
+    assert_selector_parses('E:lang(fr)')
+    assert_selector_parses('E:lang(zh, *-hant)')
+    assert_selector_parses('E:any-link')
     assert_selector_parses('E:link')
     assert_selector_parses('E:visited')
+    assert_selector_parses('E:local-link')
+    assert_selector_parses('E:local-link(0)')
+    assert_selector_parses('E:target')
+    assert_selector_parses('E:scope')
+    assert_selector_parses('E:current')
+    assert_selector_parses('E:current(s)')
+    assert_selector_parses('E:past')
+    assert_selector_parses('E:future')
     assert_selector_parses('E:active')
     assert_selector_parses('E:hover')
     assert_selector_parses('E:focus')
-    assert_selector_parses('E:target')
-    assert_selector_parses('E:lang(fr)')
     assert_selector_parses('E:enabled')
     assert_selector_parses('E:disabled')
     assert_selector_parses('E:checked')
-    assert_selector_parses('E::first-line')
-    assert_selector_parses('E::first-letter')
-    assert_selector_parses('E::before')
-    assert_selector_parses('E::after')
-    assert_selector_parses('E.warning')
-    assert_selector_parses('E#myid')
-    assert_selector_parses('E:not(s)')
+    assert_selector_parses('E:indeterminate')
+    assert_selector_parses('E:default')
+    assert_selector_parses('E:in-range')
+    assert_selector_parses('E:out-of-range')
+    assert_selector_parses('E:required')
+    assert_selector_parses('E:optional')
+    assert_selector_parses('E:read-only')
+    assert_selector_parses('E:read-write')
+    assert_selector_parses('E:root')
+    assert_selector_parses('E:empty')
+    assert_selector_parses('E:first-child')
+    assert_selector_parses('E:nth-child(n)')
+    assert_selector_parses('E:last-child')
+    assert_selector_parses('E:nth-last-child(n)')
+    assert_selector_parses('E:only-child')
+    assert_selector_parses('E:first-of-type')
+    assert_selector_parses('E:nth-of-type(n)')
+    assert_selector_parses('E:last-of-type')
+    assert_selector_parses('E:nth-last-of-type(n)')
+    assert_selector_parses('E:only-of-type')
+    assert_selector_parses('E:nth-match(n of selector)')
+    assert_selector_parses('E:nth-last-match(n of selector)')
+    assert_selector_parses('E:column(selector)')
+    assert_selector_parses('E:nth-column(n)')
+    assert_selector_parses('E:nth-last-column(n)')
     assert_selector_parses('E F')
     assert_selector_parses('E > F')
     assert_selector_parses('E + F')
     assert_selector_parses('E ~ F')
+    assert_selector_parses('E /foo/ F')
+    assert_selector_parses('E! > F')
+
+    assert_selector_parses('E /ns|foo/ F')
+    assert_selector_parses('E /*|foo/ F')
   end
 
-  # Taken from http://www.w3.org/TR/css3-selectors/#selectors,
-  # but without the element names
-  def test_lonely_selectors
+  # Taken from http://dev.w3.org/csswg/selectors4/#overview, but without element
+  # names.
+  def test_more_summarized_selectors
+    assert_selector_parses(':not(s)')
+    assert_selector_parses(':not(s1, s2)')
+    assert_selector_parses(':matches(s1, s2)')
+    assert_selector_parses('.warning')
+    assert_selector_parses('#myid')
     assert_selector_parses('[foo]')
     assert_selector_parses('[foo="bar"]')
+    assert_selector_parses('[foo="bar" i]')
     assert_selector_parses('[foo~="bar"]')
     assert_selector_parses('[foo^="bar"]')
     assert_selector_parses('[foo$="bar"]')
     assert_selector_parses('[foo*="bar"]')
     assert_selector_parses('[foo|="en"]')
-    assert_selector_parses(':root')
-    assert_selector_parses(':nth-child(n)')
-    assert_selector_parses(':nth-last-child(n)')
-    assert_selector_parses(':nth-of-type(n)')
-    assert_selector_parses(':nth-last-of-type(n)')
-    assert_selector_parses(':first-child')
-    assert_selector_parses(':last-child')
-    assert_selector_parses(':first-of-type')
-    assert_selector_parses(':last-of-type')
-    assert_selector_parses(':only-child')
-    assert_selector_parses(':only-of-type')
-    assert_selector_parses(':empty')
+    assert_selector_parses(':dir(ltr)')
+    assert_selector_parses(':lang(fr)')
+    assert_selector_parses(':lang(zh, *-hant)')
+    assert_selector_parses(':any-link')
     assert_selector_parses(':link')
     assert_selector_parses(':visited')
+    assert_selector_parses(':local-link')
+    assert_selector_parses(':local-link(0)')
+    assert_selector_parses(':target')
+    assert_selector_parses(':scope')
+    assert_selector_parses(':current')
+    assert_selector_parses(':current(s)')
+    assert_selector_parses(':past')
+    assert_selector_parses(':future')
     assert_selector_parses(':active')
     assert_selector_parses(':hover')
     assert_selector_parses(':focus')
-    assert_selector_parses(':target')
-    assert_selector_parses(':lang(fr)')
     assert_selector_parses(':enabled')
     assert_selector_parses(':disabled')
     assert_selector_parses(':checked')
-    assert_selector_parses('::first-line')
-    assert_selector_parses('::first-letter')
-    assert_selector_parses('::before')
-    assert_selector_parses('::after')
-    assert_selector_parses('.warning')
-    assert_selector_parses('#myid')
-    assert_selector_parses(':not(s)')
+    assert_selector_parses(':indeterminate')
+    assert_selector_parses(':default')
+    assert_selector_parses(':in-range')
+    assert_selector_parses(':out-of-range')
+    assert_selector_parses(':required')
+    assert_selector_parses(':optional')
+    assert_selector_parses(':read-only')
+    assert_selector_parses(':read-write')
+    assert_selector_parses(':root')
+    assert_selector_parses(':empty')
+    assert_selector_parses(':first-child')
+    assert_selector_parses(':nth-child(n)')
+    assert_selector_parses(':last-child')
+    assert_selector_parses(':nth-last-child(n)')
+    assert_selector_parses(':only-child')
+    assert_selector_parses(':first-of-type')
+    assert_selector_parses(':nth-of-type(n)')
+    assert_selector_parses(':last-of-type')
+    assert_selector_parses(':nth-last-of-type(n)')
+    assert_selector_parses(':only-of-type')
+    assert_selector_parses(':nth-match(n of selector)')
+    assert_selector_parses(':nth-last-match(n of selector)')
+    assert_selector_parses(':column(selector)')
+    assert_selector_parses(':nth-column(n)')
+    assert_selector_parses(':nth-last-column(n)')
   end
 
   def test_attribute_selectors_with_identifiers
@@ -709,34 +825,41 @@ CSS
 SCSS
   end
 
-  def test_negation_selectors
-    assert_selector_parses(':not(foo|bar)')
-    assert_selector_parses(':not(*|bar)')
+  def test_selectors_containing_selectors
+    assert_selector_can_contain_selectors(':not(<sel>)')
+    assert_selector_can_contain_selectors(':current(<sel>)')
+    assert_selector_can_contain_selectors(':nth-match(n of <sel>)')
+    assert_selector_can_contain_selectors(':nth-last-match(n of <sel>)')
+    assert_selector_can_contain_selectors(':column(<sel>)')
+    assert_selector_can_contain_selectors(':-moz-any(<sel>)')
+  end
 
-    assert_selector_parses(':not(foo|*)')
-    assert_selector_parses(':not(*|*)')
+  def assert_selector_can_contain_selectors(sel)
+    try = lambda {|subsel| assert_selector_parses(sel.gsub('<sel>', subsel))}
+    
+    try['foo|bar']
+    try['*|bar']
 
-    assert_selector_parses(':not(#blah)')
-    assert_selector_parses(':not(.blah)')
+    try['foo|*']
+    try['*|*']
 
-    assert_selector_parses(':not([foo])')
-    assert_selector_parses(':not([foo^="bar"])')
-    assert_selector_parses(':not([baz|foo~="bar"])')
+    try['#blah']
+    try['.blah']
 
-    assert_selector_parses(':not(:hover)')
-    assert_selector_parses(':not(:nth-child(2n + 3))')
+    try['[foo]']
+    try['[foo^="bar"]']
+    try['[baz|foo~="bar"]']
 
-    # Not technically allowed, but what the heck
-    assert_selector_parses(':not(:not(#foo))')
-    assert_selector_parses(':not(a#foo.bar)')
-    assert_selector_parses(':not(#foo .bar > baz)')
-    assert_selector_parses(':not(h1, h2, h3)')
-  end
+    try[':hover']
+    try[':nth-child(2n + 3)']
 
-  def test_moz_any_selector
-    assert_selector_parses(':-moz-any(h1, h2, h3)')
-    assert_selector_parses(':-moz-any(.foo)')
-    assert_selector_parses(':-moz-any(foo bar, .baz > .bang)')
+    try['h1, h2, h3']
+    try['#foo, bar, [baz]']
+
+    # Not technically allowed for most selectors, but what the heck
+    try[':not(#foo)']
+    try['a#foo.bar']
+    try['#foo .bar > baz']
   end
 
   def test_namespaced_selectors
@@ -800,6 +923,12 @@ SCSS
     assert_selector_parses('E*:hover')
   end
 
+  def test_spaceless_combo_selectors
+    assert_equal "E > F {\n  a: b; }\n", render("E>F { a: b;} ")
+    assert_equal "E ~ F {\n  a: b; }\n", render("E~F { a: b;} ")
+    assert_equal "E + F {\n  a: b; }\n", render("E+F { a: b;} ")
+  end
+
   ## Errors
 
   def test_invalid_directives
@@ -887,6 +1016,32 @@ SCSS
 
   ## Regressions
 
+  def test_double_space_string
+    assert_equal(<<CSS, render(<<SCSS))
+.a {
+  content: "  a"; }
+CSS
+.a {
+  content: "  a";
+}
+SCSS
+  end
+
+  def test_very_long_number_with_important_doesnt_take_forever
+    assert_equal(<<CSS, render(<<SCSS))
+.foo {
+  width: 97.916666666666666666666666666667% !important; }
+CSS
+.foo {
+  width: 97.916666666666666666666666666667% !important;
+}
+SCSS
+  end
+
+  def test_selector_without_closing_bracket
+    assert_not_parses('"]"', "foo[bar <err>{a: b}")
+  end
+
   def test_closing_line_comment_end_with_compact_output
     assert_equal(<<CSS, render(<<SCSS, :style => :compact))
 /* foo */
@@ -899,6 +1054,33 @@ bar {baz: bang}
 SCSS
   end
 
+  def test_single_line_comment_within_multiline_comment
+    assert_equal(<<CSS, render(<<SCSS))
+body {
+  /*
+  //comment here
+  */ }
+CSS
+body {
+  /*
+  //comment here
+  */
+}
+SCSS
+  end
+
+  def test_malformed_media
+    render <<SCSS
+@media {
+  margin: 0;
+}
+SCSS
+    assert(false, "Expected syntax error")
+  rescue Sass::SyntaxError => e
+    assert_equal 'Invalid CSS after "@media ": expected media query (e.g. print, screen, print and screen), was "{"', e.message
+    assert_equal 1, e.sass_line
+  end
+
   private
 
   def assert_selector_parses(selector)
@@ -909,7 +1091,7 @@ SCSS
   end
 
   def render(scss, options = {})
-    tree = Sass::SCSS::CssParser.new(scss).parse
+    tree = Sass::SCSS::CssParser.new(scss, options[:filename], nil).parse
     tree.options = Sass::Engine::DEFAULT_OPTIONS.merge(options)
     tree.render
   end