sass 3.7.4 → 4.0.0.alpha.1

data/test/sass/superselector_test.rb

@@ -0,0 +1,210 @@
+#!/usr/bin/env ruby
+require File.dirname(__FILE__) + '/../test_helper'
+
+class SuperselectorTest < MiniTest::Test
+  def test_superselector_reflexivity
+    assert_superselector 'h1', 'h1'
+    assert_superselector '.foo', '.foo'
+    assert_superselector '#foo > .bar, baz', '#foo > .bar, baz'
+  end
+
+  def test_smaller_compound_superselector
+    assert_strict_superselector '.foo', '.foo.bar'
+    assert_strict_superselector '.bar', '.foo.bar'
+    assert_strict_superselector 'a', 'a#b'
+    assert_strict_superselector '#b', 'a#b'
+  end
+
+  def test_smaller_complex_superselector
+    assert_strict_superselector '.bar', '.foo .bar'
+    assert_strict_superselector '.bar', '.foo > .bar'
+    assert_strict_superselector '.bar', '.foo + .bar'
+    assert_strict_superselector '.bar', '.foo ~ .bar'
+  end
+
+  def test_selector_list_subset_superselector
+    assert_strict_superselector '.foo, .bar', '.foo'
+    assert_strict_superselector '.foo, .bar, .baz', '.foo, .baz'
+    assert_strict_superselector '.foo, .baz, .qux', '.foo.bar, .baz.bang'
+  end
+
+  def test_leading_combinator_superselector
+    refute_superselector '+ .foo', '.foo'
+    refute_superselector '+ .foo', '.bar + .foo'
+  end
+
+  def test_trailing_combinator_superselector
+    refute_superselector '.foo +', '.foo'
+    refute_superselector '.foo +', '.foo + .bar'
+  end
+
+  def test_matching_combinator_superselector
+    assert_strict_superselector '.foo + .bar', '.foo + .bar.baz'
+    assert_strict_superselector '.foo + .bar', '.foo.baz + .bar'
+    assert_strict_superselector '.foo > .bar', '.foo > .bar.baz'
+    assert_strict_superselector '.foo > .bar', '.foo.baz > .bar'
+    assert_strict_superselector '.foo ~ .bar', '.foo ~ .bar.baz'
+    assert_strict_superselector '.foo ~ .bar', '.foo.baz ~ .bar'
+  end
+
+  def test_following_sibling_is_superselector_of_next_sibling
+    assert_strict_superselector '.foo ~ .bar', '.foo + .bar.baz'
+    assert_strict_superselector '.foo ~ .bar', '.foo.baz + .bar'
+  end
+
+  def test_descendant_is_superselector_of_child
+    assert_strict_superselector '.foo .bar', '.foo > .bar.baz'
+    assert_strict_superselector '.foo .bar', '.foo.baz > .bar'
+    assert_strict_superselector '.foo .baz', '.foo > .bar > .baz'
+  end
+
+  def test_child_isnt_superselector_of_longer_child
+    refute_superselector '.foo > .baz', '.foo > .bar > .baz'
+    refute_superselector '.foo > .baz', '.foo > .bar .baz'
+  end
+
+  def test_following_sibling_isnt_superselector_of_longer_following_sibling
+    refute_superselector '.foo + .baz', '.foo + .bar + .baz'
+    refute_superselector '.foo + .baz', '.foo + .bar .baz'
+  end
+
+  def test_sibling_isnt_superselector_of_longer_sibling
+    # This actually is a superselector, but it's a very narrow edge case and
+    # detecting it is very difficult and may be exponential in the worst case.
+    refute_superselector '.foo ~ .baz', '.foo ~ .bar ~ .baz'
+
+    refute_superselector '.foo ~ .baz', '.foo ~ .bar .baz'
+  end
+
+  def test_matches_is_superselector_of_constituent_selectors
+    %w[matches -moz-any].each do |name|
+      assert_strict_superselector ":#{name}(.foo, .bar)", '.foo.baz'
+      assert_strict_superselector ":#{name}(.foo, .bar)", '.bar.baz'
+      assert_strict_superselector ":#{name}(.foo .bar, .baz)", '.x .foo .bar'
+    end
+  end
+
+  def test_matches_is_superselector_of_subset_matches
+    assert_strict_superselector ':matches(.foo, .bar, .baz)', '#x:matches(.foo.bip, .baz.bang)'
+    assert_strict_superselector ':-moz-any(.foo, .bar, .baz)', '#x:-moz-any(.foo.bip, .baz.bang)'
+  end
+
+  def test_matches_is_not_superselector_of_any
+    refute_superselector ':matches(.foo, .bar)', ':-moz-any(.foo, .bar)'
+    refute_superselector ':-moz-any(.foo, .bar)', ':matches(.foo, .bar)'
+  end
+
+  def test_matches_can_be_subselector
+    %w[matches -moz-any].each do |name|
+      assert_superselector '.foo', ":#{name}(.foo.bar)"
+      assert_superselector '.foo.bar', ":#{name}(.foo.bar.baz)"
+      assert_superselector '.foo', ":#{name}(.foo.bar, .foo.baz)"
+    end
+  end
+
+  def test_any_is_not_superselector_of_different_prefix
+    refute_superselector ':-moz-any(.foo, .bar)', ':-s-any(.foo, .bar)'
+  end
+
+  def test_not_is_superselector_of_less_complex_not
+    assert_strict_superselector ':not(.foo.bar)', ':not(.foo)'
+    assert_strict_superselector ':not(.foo .bar)', ':not(.bar)'
+  end
+
+  def test_not_is_superselector_of_superset
+    assert_strict_superselector ':not(.foo.bip, .baz.bang)', ':not(.foo, .bar, .baz)'
+    assert_strict_superselector ':not(.foo.bip, .baz.bang)', ':not(.foo):not(.bar):not(.baz)'
+  end
+
+  def test_not_is_superselector_of_unique_selectors
+    assert_strict_superselector ':not(h1.foo)', 'a'
+    assert_strict_superselector ':not(.baz #foo)', '#bar'
+  end
+
+  def test_not_is_not_superselector_of_non_unique_selectors
+    refute_superselector ':not(.foo)', '.bar'
+    refute_superselector ':not(:hover)', ':visited'
+  end
+
+  def test_current_is_superselector_with_identical_innards
+    assert_superselector ':current(.foo)', ':current(.foo)'
+  end
+
+  def test_current_is_superselector_with_subselector_innards
+    refute_superselector ':current(.foo)', ':current(.foo.bar)'
+    refute_superselector ':current(.foo.bar)', ':current(.foo)'
+  end
+
+  def test_nth_match_is_superselector_of_subset_nth_match
+    assert_strict_superselector(
+      ':nth-child(2n of .foo, .bar, .baz)', '#x:nth-child(2n of .foo.bip, .baz.bang)')
+    assert_strict_superselector(
+      ':nth-last-child(2n of .foo, .bar, .baz)', '#x:nth-last-child(2n of .foo.bip, .baz.bang)')
+  end
+
+  def test_nth_match_is_not_superselector_of_nth_match_with_different_arg
+    refute_superselector(
+      ':nth-child(2n of .foo, .bar, .baz)', '#x:nth-child(2n + 1 of .foo.bip, .baz.bang)')
+    refute_superselector(
+      ':nth-last-child(2n of .foo, .bar, .baz)', '#x:nth-last-child(2n + 1 of .foo.bip, .baz.bang)')
+  end
+
+  def test_nth_match_is_not_superselector_of_nth_last_match
+    refute_superselector ':nth-child(2n of .foo, .bar)', ':nth-last-child(2n of .foo, .bar)'
+    refute_superselector ':nth-last-child(2n of .foo, .bar)', ':nth-child(2n of .foo, .bar)'
+  end
+
+  def test_nth_match_can_be_subselector
+    %w[nth-child nth-last-child].each do |name|
+      assert_superselector '.foo', ":#{name}(2n of .foo.bar)"
+      assert_superselector '.foo.bar', ":#{name}(2n of .foo.bar.baz)"
+      assert_superselector '.foo', ":#{name}(2n of .foo.bar, .foo.baz)"
+    end
+  end
+
+  def has_is_superselector_of_subset_host
+    assert_strict_superselector ':has(.foo, .bar, .baz)', ':has(.foo.bip, .baz.bang)'
+  end
+
+  def has_isnt_superselector_of_contained_selector
+    assert_strict_superselector ':has(.foo, .bar, .baz)', '.foo'
+  end
+
+  def host_is_superselector_of_subset_host
+    assert_strict_superselector ':host(.foo, .bar, .baz)', ':host(.foo.bip, .baz.bang)'
+  end
+
+  def host_isnt_superselector_of_contained_selector
+    assert_strict_superselector ':host(.foo, .bar, .baz)', '.foo'
+  end
+
+  def host_context_is_superselector_of_subset_host
+    assert_strict_superselector(
+      ':host-context(.foo, .bar, .baz)', ':host-context(.foo.bip, .baz.bang)')
+  end
+
+  def host_context_isnt_superselector_of_contained_selector
+    assert_strict_superselector ':host-context(.foo, .bar, .baz)', '.foo'
+  end
+
+  private
+
+  def assert_superselector(superselector, subselector)
+    assert(parse_selector(superselector).superselector?(parse_selector(subselector)),
+      "Expected #{superselector} to be a superselector of #{subselector}.")
+  end
+
+  def refute_superselector(superselector, subselector)
+    assert(!parse_selector(superselector).superselector?(parse_selector(subselector)),
+      "Expected #{superselector} not to be a superselector of #{subselector}.")
+  end
+
+  def assert_strict_superselector(superselector, subselector)
+    assert_superselector(superselector, subselector)
+    refute_superselector(subselector, superselector)
+  end
+
+  def parse_selector(selector)
+    Sass::SCSS::CssParser.new(selector, filename_for_test, nil).parse_selector
+  end
+end

data/test/sass/templates/_cached_import_option_partial.scss

@@ -0,0 +1 @@
+partial {value: whatever()}

data/test/sass/templates/_double_import_loop2.sass

@@ -0,0 +1 @@
+@import "double_import_loop1"

data/test/sass/templates/_filename_fn_import.scss

@@ -0,0 +1,11 @@
+@mixin imported-mixin {
+  imported-mixin: filename();
+}
+
+@function imported-function() {
+  @return filename();
+}
+
+filename {
+  imported: filename();
+}

data/test/sass/templates/_imported_charset_ibm866.sass

@@ -0,0 +1,4 @@
+@charset "IBM866"
+
+.bar
+  a: �

data/test/sass/templates/_imported_charset_utf8.sass

@@ -0,0 +1,4 @@
+@charset "UTF-8"
+
+.bar
+  a: щ

data/test/sass/templates/_imported_content.sass

@@ -0,0 +1,3 @@
+@mixin foo
+  a
+    @content

data/test/sass/templates/_partial.sass

@@ -0,0 +1,2 @@
+#foo
+  :background-color #baf

data/test/sass/templates/_same_name_different_partiality.scss

@@ -0,0 +1 @@
+.foo {partial: yes}

data/test/sass/templates/alt.sass

@@ -0,0 +1,16 @@
+h1
+  :float  left
+  :width  274px
+  height: 75px
+  margin: 0
+  background:
+    repeat: no-repeat
+    :image none
+  a:hover, a:visited
+    color: green
+  b:hover
+    color: red
+    :background-color green
+  const
+    nosp: 1 + 2
+    sp : 1 + 2

data/test/sass/templates/basic.sass

@@ -0,0 +1,23 @@
+
+
+body
+  :font Arial
+  :background blue
+
+#page
+  :width 700px
+  :height 100
+  #header
+    :height 300px
+    h1
+      :font-size 50px
+      :color     blue
+
+#content.user.show
+  #container.top
+    #column.left
+      :width 100px
+    #column.right
+      :width 600px
+  #container.bottom
+    :background brown

data/test/sass/templates/bork1.sass

@@ -0,0 +1,2 @@
+bork
+  :bork $bork

data/test/sass/templates/bork2.sass

@@ -0,0 +1,2 @@
+bork
+  :bork: bork;

data/test/sass/templates/bork3.sass

@@ -0,0 +1,2 @@
+bork
+  bork:

data/test/sass/templates/bork4.sass

@@ -0,0 +1,2 @@
+
+bork: blah

data/test/sass/templates/bork5.sass

@@ -0,0 +1,3 @@
+bork
+  /* foo */
+  :bork $bork

data/test/sass/templates/cached_import_option.scss

@@ -0,0 +1,3 @@
+@import "cached_import_option_partial";
+
+main {value: whatever()}

data/test/sass/templates/compact.sass

@@ -0,0 +1,17 @@
+#main
+  :width 15em
+  :color #0000ff
+  p
+    :border
+      :style dotted
+      /* Nested comment
+        More nested stuff
+      :width 2px
+  .cool
+    :width 100px
+
+#left
+  :font
+    :size 2em
+    :weight bold
+  :float left

data/test/sass/templates/complex.sass

@@ -0,0 +1,305 @@
+body
+  :margin 0
+  :font   0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif
+  :color #fff
+  :background url(/images/global_bg.gif)
+
+#page
+  :width      900px
+  :margin     0 auto
+  :background #440008
+  :border-top
+    :width 5px
+    :style solid
+    :color #ff8500
+
+#header
+  :height  75px
+  :padding 0
+  h1
+    :float  left
+    :width  274px
+    :height 75px
+    :margin 0
+    :background
+      :image url(/images/global_logo.gif)
+      /* Crazy nested comment
+      :repeat no-repeat
+    :text-indent -9999px
+  .status
+    :float   right
+    :padding
+      :top .5em
+      :left .5em
+      :right .5em
+      :bottom 0
+    p
+      :float  left
+      :margin
+        :top 0
+        :right 0.5em
+        :bottom 0
+        :left 0
+    ul
+      :float   left
+      :margin  0
+      :padding 0
+    li
+      :list-style-type none
+      :display inline
+      :margin 0 5px
+    a:link, a:visited
+      :color #ff8500
+      :text-decoration none
+    a:hover
+      :text-decoration underline
+  .search
+    :float  right
+    :clear  right
+    :margin 12px 0 0 0
+    form
+      :margin 0
+    input
+      :margin 0 3px 0 0
+      :padding 2px
+      :border none
+
+#menu 
+  :clear both
+  :text-align right
+  :height 20px
+  :border-bottom 5px solid #006b95
+  :background #00a4e4
+  .contests
+    ul
+      :margin 0 5px 0 0
+      :padding 0
+      li 
+        :list-style-type none
+        :margin 0 5px
+        :padding 5px 5px 0 5px
+        :display inline
+        :font-size 1.1em
+        // This comment is properly indented
+        :color #fff
+        :background #00a4e4
+    a:link, a:visited
+      :color #fff
+      :text-decoration none
+      :font-weight bold
+    a:hover
+      :text-decoration underline
+
+//General content information
+#content
+  :clear both
+  .container
+    :clear both
+    .column
+      :float left
+      .right
+        :float right
+  a:link, a:visited
+    :color #93d700
+    :text-decoration none
+  a:hover
+    :text-decoration underline
+
+// A hard tab:
+	
+
+#content
+  p, div
+    :width 40em
+    li, dt, dd
+      :color #ddffdd
+      :background-color #4792bb
+  .container.video
+    .column.left
+      :width 200px
+      .box
+        :margin-top 10px
+        p 
+          :margin 0 1em auto 1em
+      .box.participants 
+        img
+          :float  left
+          :margin 0 1em auto 1em
+          :border 1px solid #6e000d
+            :style solid
+        h2
+          :margin 0 0 10px 0
+          :padding 0.5em
+          /* The background image is a gif!
+          :background #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat
+          /* Okay check this out
+            Multiline comments
+            Wow dude
+            I mean seriously, WOW
+          :text-indent -9999px
+          // And also...
+            Multiline comments that don't output!
+            Snazzy, no?
+          :border
+            :top
+              :width 5px
+              :style solid
+              :color #a20013
+            :right
+              :width 1px
+              :style dotted
+    .column.middle
+      :width 500px
+    .column.right
+      :width 200px
+      .box
+        :margin-top 0
+        p
+          :margin 0 1em auto 1em
+    .column
+      p
+        :margin-top 0
+
+#content.contests
+  .container.information 
+    .column.right 
+      .box
+        :margin 1em 0
+      .box.videos
+        .thumbnail img 
+          :width         200px
+          :height        150px
+          :margin-bottom 5px
+        a:link, a:visited
+          :color #93d700
+          :text-decoration none
+        a:hover
+          :text-decoration underline
+      .box.votes 
+        a
+          :display block
+          :width  200px
+          :height 60px
+          :margin 15px 0
+          :background url(/images/btn_votenow.gif) no-repeat
+          :text-indent -9999px
+          :outline none
+          :border  none
+        h2
+          :margin  52px 0 10px 0
+          :padding 0.5em
+          :background #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat
+          :text-indent -9999px
+          :border-top 5px solid #a20013
+
+#content.contests 
+  .container.video
+    .box.videos
+      h2
+        :margin  0
+        :padding 0.5em
+        :background #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat
+        :text-indent -9999px
+        :border-top 5px solid #a20013
+      table
+        :width 100
+        td 
+          :padding 1em
+          :width 25
+          :vertical-align top
+          p
+            :margin 0 0 5px 0
+          a:link, a:visited    
+            :color #93d700
+            :text-decoration none
+          a:hover
+            :text-decoration underline
+      .thumbnail
+        :float left
+        img
+          :width  80px
+          :height 60px
+          :margin 0 10px 0 0
+          :border 1px solid #6e000d
+
+#content 
+  .container.comments 
+    .column
+      :margin-top 15px
+    .column.left
+      :width 600px
+      .box 
+        ol
+          :margin  0
+          :padding 0
+        li
+          :list-style-type none
+          :padding 10px
+          :margin 0 0 1em 0
+          :background #6e000d
+          :border-top 5px solid #a20013
+          div
+            :margin-bottom 1em
+          ul
+            :text-align right
+            li
+              :display inline
+              :border none
+              :padding 0
+    .column.right
+      :width        290px
+      :padding-left 10px
+      h2
+        :margin 0
+        :padding 0.5em
+        :background #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat
+        :text-indent -9999px
+        :border-top 5px solid #a20013
+      .box
+        textarea
+          :width  290px
+          :height 100px
+          :border none
+
+#footer
+  :margin-top 10px
+  :padding    1.2em 1.5em
+  :background #ff8500
+  ul
+    :margin 0
+    :padding 0
+    :list-style-type none
+    li
+      :display inline
+      :margin  0 0.5em
+      :color   #440008
+  ul.links
+    :float left
+    a:link, a:visited
+      :color #440008
+      :text-decoration none
+    a:hover
+      :text-decoration underline
+  ul.copyright
+    :float right
+
+
+.clear 
+  :clear both
+
+.centered 
+  :text-align center
+
+img
+  :border none
+
+button.short 
+  :width   60px
+  :height  22px
+  :padding 0 0 2px 0
+  :color   #fff
+  :border  none
+  :background url(/images/btn_short.gif) no-repeat
+
+table
+  :border-collapse collapse