gems.sass-3.2.8.test.sass.extend_test.rb Maven / Gradle / Ivy
Go to download
Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector
inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a
web-framework plugin.
This is a repackaged GEM in a JAR format of the sass-lang.gem package. The sass-gems package version
follows the sass-lang.gem versions located http://rubyforge.org/frs/?group_id=9702. Simply change
the version of this package to download and repackage the same GEM version.
#!/usr/bin/env ruby
require File.dirname(__FILE__) + '/../test_helper'
class ExtendTest < Test::Unit::TestCase
def test_basic
assert_equal < :sass)
.foo, .bar {
a: b; }
CSS
.foo
a: b
.bar
@extend .foo
SASS
assert_equal < :sass)
.foo, .bar {
a: b; }
CSS
.foo
a: b
.bar
@extend \#{".foo"}
SASS
end
def test_multiple_targets
assert_equal < bar {@extend .foo}', '.baz .foo, .baz foo > bar'
end
def test_nested_extender_finds_common_selectors_around_child_selector
assert_extends 'a > b c .c1', 'a c .c2 {@extend .c1}', 'a > b c .c1, a > b c .c2'
assert_extends 'a > b c .c1', 'b c .c2 {@extend .c1}', 'a > b c .c1, a > b c .c2'
end
def test_nested_extender_doesnt_find_common_selectors_around_adjacent_sibling_selector
assert_extends 'a + b c .c1', 'a c .c2 {@extend .c1}', 'a + b c .c1, a + b a c .c2, a a + b c .c2'
assert_extends 'a + b c .c1', 'a b .c2 {@extend .c1}', 'a + b c .c1, a a + b c .c2'
assert_extends 'a + b c .c1', 'b c .c2 {@extend .c1}', 'a + b c .c1, a + b c .c2'
end
def test_nested_extender_doesnt_find_common_selectors_around_sibling_selector
assert_extends 'a ~ b c .c1', 'a c .c2 {@extend .c1}', 'a ~ b c .c1, a ~ b a c .c2, a a ~ b c .c2'
assert_extends 'a ~ b c .c1', 'a b .c2 {@extend .c1}', 'a ~ b c .c1, a a ~ b c .c2'
assert_extends 'a ~ b c .c1', 'b c .c2 {@extend .c1}', 'a ~ b c .c1, a ~ b c .c2'
end
def test_nested_extender_doesnt_find_common_selectors_around_reference_selector
assert_extends 'a /for/ b c .c1', 'a c .c2 {@extend .c1}', 'a /for/ b c .c1, a /for/ b a c .c2, a a /for/ b c .c2'
assert_extends 'a /for/ b c .c1', 'a b .c2 {@extend .c1}', 'a /for/ b c .c1, a a /for/ b c .c2'
assert_extends 'a /for/ b c .c1', 'b c .c2 {@extend .c1}', 'a /for/ b c .c1, a /for/ b c .c2'
end
def test_nested_extender_with_early_child_selectors_doesnt_subseq_them
assert_extends('.bip > .bap .foo', '.grip > .bap .bar {@extend .foo}',
'.bip > .bap .foo, .bip > .bap .grip > .bap .bar, .grip > .bap .bip > .bap .bar')
assert_extends('.bap > .bip .foo', '.bap > .grip .bar {@extend .foo}',
'.bap > .bip .foo, .bap > .bip .bap > .grip .bar, .bap > .grip .bap > .bip .bar')
end
def test_nested_extender_with_child_selector_unifies
assert_extends '.baz.foo', 'foo > bar {@extend .foo}', '.baz.foo, foo > bar.baz'
assert_equal < .foo, .baz > .bar {
a: b; }
CSS
.baz > {
.foo {a: b}
.bar {@extend .foo}
}
SCSS
assert_equal < .baz {
a: b; }
CSS
.foo {
.bar {a: b}
> .baz {@extend .bar}
}
SCSS
end
def test_nested_extender_with_early_child_selectors_doesnt_subseq_them
assert_equal < .baz {
a: b; }
CSS
.foo {
.bar {a: b}
.bip > .baz {@extend .bar}
}
SCSS
assert_equal < .baz {
a: b; }
CSS
.foo {
.bip .bar {a: b}
> .baz {@extend .bar}
}
SCSS
assert_extends '.foo > .bar', '.bip + .baz {@extend .bar}', '.foo > .bar, .foo > .bip + .baz'
assert_extends '.foo + .bar', '.bip > .baz {@extend .bar}', '.foo + .bar, .bip > .foo + .baz'
assert_extends '.foo > .bar', '.bip > .baz {@extend .bar}', '.foo > .bar, .bip.foo > .baz'
end
def test_nested_extender_with_trailing_child_selector
assert_raise(Sass::SyntaxError, "bar > can't extend: invalid selector") do
render("bar > {@extend .baz}")
end
end
def test_nested_extender_with_sibling_selector
assert_extends '.baz .foo', 'foo + bar {@extend .foo}', '.baz .foo, .baz foo + bar'
end
def test_nested_extender_with_hacky_selector
assert_extends('.baz .foo', 'foo + > > + bar {@extend .foo}',
'.baz .foo, .baz foo + > > + bar, foo .baz + > > + bar')
assert_extends '.baz .foo', '> > bar {@extend .foo}', '.baz .foo, > > .baz bar'
end
def test_nested_extender_merges_with_same_selector
assert_equal < .bar .baz', '.foo > .bar .bang {@extend .baz}',
'.foo > .bar .baz, .foo > .bar .bang')
end
# Combinator Unification
def test_combinator_unification_for_hacky_combinators
assert_extends '.a > + x', '.b y {@extend x}', '.a > + x, .a .b > + y, .b .a > + y'
assert_extends '.a x', '.b > + y {@extend x}', '.a x, .a .b > + y, .b .a > + y'
assert_extends '.a > + x', '.b > + y {@extend x}', '.a > + x, .a .b > + y, .b .a > + y'
assert_extends '.a ~ > + x', '.b > + y {@extend x}', '.a ~ > + x, .a .b ~ > + y, .b .a ~ > + y'
assert_extends '.a + > x', '.b > + y {@extend x}', '.a + > x'
assert_extends '.a + > x', '.b > + y {@extend x}', '.a + > x'
assert_extends '.a ~ > + .b > x', '.c > + .d > y {@extend x}', '.a ~ > + .b > x, .a .c ~ > + .d.b > y, .c .a ~ > + .d.b > y'
end
def test_combinator_unification_double_tilde
assert_extends '.a.b ~ x', '.a ~ y {@extend x}', '.a.b ~ x, .a.b ~ y'
assert_extends '.a ~ x', '.a.b ~ y {@extend x}', '.a ~ x, .a.b ~ y'
assert_extends '.a ~ x', '.b ~ y {@extend x}', '.a ~ x, .a ~ .b ~ y, .b ~ .a ~ y, .b.a ~ y'
assert_extends 'a.a ~ x', 'b.b ~ y {@extend x}', 'a.a ~ x, a.a ~ b.b ~ y, b.b ~ a.a ~ y'
end
def test_combinator_unification_tilde_plus
assert_extends '.a.b + x', '.a ~ y {@extend x}', '.a.b + x, .a.b + y'
assert_extends '.a + x', '.a.b ~ y {@extend x}', '.a + x, .a.b ~ .a + y, .a.b + y'
assert_extends '.a + x', '.b ~ y {@extend x}', '.a + x, .b ~ .a + y, .b.a + y'
assert_extends 'a.a + x', 'b.b ~ y {@extend x}', 'a.a + x, b.b ~ a.a + y'
assert_extends '.a.b ~ x', '.a + y {@extend x}', '.a.b ~ x, .a.b ~ .a + y, .a.b + y'
assert_extends '.a ~ x', '.a.b + y {@extend x}', '.a ~ x, .a.b + y'
assert_extends '.a ~ x', '.b + y {@extend x}', '.a ~ x, .a ~ .b + y, .a.b + y'
assert_extends 'a.a ~ x', 'b.b + y {@extend x}', 'a.a ~ x, a.a ~ b.b + y'
end
def test_combinator_unification_angle_sibling
assert_extends '.a > x', '.b ~ y {@extend x}', '.a > x, .a > .b ~ y'
assert_extends '.a > x', '.b + y {@extend x}', '.a > x, .a > .b + y'
assert_extends '.a ~ x', '.b > y {@extend x}', '.a ~ x, .b > .a ~ y'
assert_extends '.a + x', '.b > y {@extend x}', '.a + x, .b > .a + y'
end
def test_combinator_unification_double_angle
assert_extends '.a.b > x', '.b > y {@extend x}', '.a.b > x, .b.a > y'
assert_extends '.a > x', '.a.b > y {@extend x}', '.a > x, .a.b > y'
assert_extends '.a > x', '.b > y {@extend x}', '.a > x, .b.a > y'
assert_extends 'a.a > x', 'b.b > y {@extend x}', 'a.a > x'
end
def test_combinator_unification_double_plus
assert_extends '.a.b + x', '.b + y {@extend x}', '.a.b + x, .b.a + y'
assert_extends '.a + x', '.a.b + y {@extend x}', '.a + x, .a.b + y'
assert_extends '.a + x', '.b + y {@extend x}', '.a + x, .b.a + y'
assert_extends 'a.a + x', 'b.b + y {@extend x}', 'a.a + x'
end
def test_combinator_unification_angle_space
assert_extends '.a.b > x', '.a y {@extend x}', '.a.b > x, .a.b > y'
assert_extends '.a > x', '.a.b y {@extend x}', '.a > x, .a.b .a > y'
assert_extends '.a > x', '.b y {@extend x}', '.a > x, .b .a > y'
assert_extends '.a.b x', '.a > y {@extend x}', '.a.b x, .a.b .a > y'
assert_extends '.a x', '.a.b > y {@extend x}', '.a x, .a.b > y'
assert_extends '.a x', '.b > y {@extend x}', '.a x, .a .b > y'
end
def test_combinator_unification_plus_space
assert_extends '.a.b + x', '.a y {@extend x}', '.a.b + x, .a .a.b + y'
assert_extends '.a + x', '.a.b y {@extend x}', '.a + x, .a.b .a + y'
assert_extends '.a + x', '.b y {@extend x}', '.a + x, .b .a + y'
assert_extends '.a.b x', '.a + y {@extend x}', '.a.b x, .a.b .a + y'
assert_extends '.a x', '.a.b + y {@extend x}', '.a x, .a .a.b + y'
assert_extends '.a x', '.b + y {@extend x}', '.a x, .a .b + y'
end
def test_combinator_unification_nested
assert_extends '.a > .b + x', '.c > .d + y {@extend x}', '.a > .b + x, .c.a > .d.b + y'
assert_extends '.a > .b + x', '.c > y {@extend x}', '.a > .b + x, .c.a > .b + y'
end
def test_combinator_unification_with_newlines
assert_equal <
.b
+ x, .c.a > .d.b + y {
a: b; }
CSS
.a >
.b
+ x {a: b}
.c
> .d +
y {@extend x}
SCSS
end
# Loops
def test_extend_self_loop
assert_equal < .foo', 'foo bar {@extend .foo}', '> .foo, > foo bar'
end
def test_nested_selector_with_child_selector_hack_extender
assert_extends '.foo .bar', '> foo bar {@extend .bar}', '.foo .bar, > .foo foo bar, > foo .foo bar'
end
def test_nested_selector_with_child_selector_hack_extender_and_extendee
assert_extends '> .foo', '> foo bar {@extend .foo}', '> .foo, > foo bar'
end
def test_nested_selector_with_child_selector_hack_extender_and_sibling_selector_extendee
assert_extends '~ .foo', '> foo bar {@extend .foo}', '~ .foo'
end
def test_nested_selector_with_child_selector_hack_extender_and_extendee_and_newline
assert_equal < .foo, > flip,
> foo bar {
a: b; }
CSS
> .foo {a: b}
flip,
> foo bar {@extend .foo}
SCSS
end
def test_extended_parent_and_child_redundancy_elimination
assert_equal < :scss}.merge(options)
munge_filename options
Sass::Engine.new(sass, options).render
end
end