1
0
Fork 0
mirror of https://github.com/haml/haml.git synced 2022-11-09 12:33:31 -05:00
haml--haml/test/sass/extend_test.rb

1348 lines
21 KiB
Ruby
Executable file

#!/usr/bin/env ruby
require File.dirname(__FILE__) + '/../test_helper'
class ExtendTest < Test::Unit::TestCase
def test_basic
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
CSS
.foo {a: b}
.bar {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
CSS
.bar {@extend .foo}
.foo {a: b}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
.bar {
c: d; }
CSS
.foo {a: b}
.bar {c: d; @extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
.bar {
c: d; }
CSS
.foo {a: b}
.bar {@extend .foo; c: d}
SCSS
end
def test_indented_syntax
assert_equal <<CSS, render(<<SASS, :syntax => :sass)
.foo, .bar {
a: b; }
CSS
.foo
a: b
.bar
@extend .foo
SASS
assert_equal <<CSS, render(<<SASS, :syntax => :sass)
.foo, .bar {
a: b; }
CSS
.foo
a: b
.bar
@extend \#{".foo"}
SASS
end
def test_multiple_targets
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
.blip .foo, .blip .bar {
c: d; }
CSS
.foo {a: b}
.bar {@extend .foo}
.blip .foo {c: d}
SCSS
end
def test_multiple_extendees
assert_equal <<CSS, render(<<SCSS)
.foo, .baz {
a: b; }
.bar, .baz {
c: d; }
CSS
.foo {a: b}
.bar {c: d}
.baz {@extend .foo; @extend .bar}
SCSS
end
def test_multiple_extends_with_single_extender_and_single_target
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .baz .bar, .foo .baz, .baz .baz {
a: b; }
CSS
.foo .bar {a: b}
.baz {@extend .foo; @extend .bar}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .baz {
a: b; }
CSS
.foo.bar {a: b}
.baz {@extend .foo; @extend .bar}
SCSS
end
def test_multiple_extends_with_multiple_extenders_and_single_target
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .baz .bar, .foo .bang, .baz .bang {
a: b; }
CSS
.foo .bar {a: b}
.baz {@extend .foo}
.bang {@extend .bar}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .bar.baz, .baz.bang, .foo.bang {
a: b; }
CSS
.foo.bar {a: b}
.baz {@extend .foo}
.bang {@extend .bar}
SCSS
end
def test_chained_extends
assert_equal <<CSS, render(<<SCSS)
.foo, .bar, .baz, .bip {
a: b; }
CSS
.foo {a: b}
.bar {@extend .foo}
.baz {@extend .bar}
.bip {@extend .bar}
SCSS
end
def test_dynamic_extendee
assert_equal <<CSS, render(<<SCSS)
.foo, .bar {
a: b; }
CSS
.foo {a: b}
.bar {@extend \#{".foo"}}
SCSS
assert_equal <<CSS, render(<<SCSS)
[baz^="blip12px"], .bar {
a: b; }
CSS
[baz^="blip12px"] {a: b}
.bar {@extend [baz^="blip\#{12px}"]}
SCSS
end
def test_nested_target
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .foo .baz {
a: b; }
CSS
.foo .bar {a: b}
.baz {@extend .bar}
SCSS
end
def test_target_with_child
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .baz .bar {
a: b; }
CSS
.foo .bar {a: b}
.baz {@extend .foo}
SCSS
end
def test_class_unification
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .bar.baz {
a: b; }
CSS
.foo.bar {a: b}
.baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.baz {
a: b; }
CSS
.foo.baz {a: b}
.baz {@extend .foo}
SCSS
end
def test_id_unification
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .bar#baz {
a: b; }
CSS
.foo.bar {a: b}
#baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
#baz {
a: b; }
CSS
.foo#baz {a: b}
#baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo#baz {
a: b; }
CSS
.foo#baz {a: b}
#bar {@extend .foo}
SCSS
end
def test_universal_unification_with_simple_target
assert_equal <<CSS, render(<<SCSS)
.foo, * {
a: b; }
CSS
.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo, *|* {
a: b; }
CSS
.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.bar {
a: b; }
CSS
.foo.bar {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.bar {
a: b; }
CSS
.foo.bar {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, ns|*.bar {
a: b; }
CSS
.foo.bar {a: b}
ns|* {@extend .foo}
SCSS
end
def test_universal_unification_with_namespaceless_universal_target
assert_equal <<CSS, render(<<SCSS)
* {
a: b; }
CSS
*.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
* {
a: b; }
CSS
*.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|*.foo, * {
a: b; }
CSS
*|*.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|* {
a: b; }
CSS
*|*.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*.foo, ns|* {
a: b; }
CSS
*.foo {a: b}
ns|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|*.foo, ns|* {
a: b; }
CSS
*|*.foo {a: b}
ns|* {@extend .foo}
SCSS
end
def test_universal_unification_with_namespaced_universal_target
assert_equal <<CSS, render(<<SCSS)
ns|* {
a: b; }
CSS
ns|*.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|* {
a: b; }
CSS
ns|*.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns1|*.foo {
a: b; }
CSS
ns1|*.foo {a: b}
ns2|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|* {
a: b; }
CSS
ns|*.foo {a: b}
ns|* {@extend .foo}
SCSS
end
def test_universal_unification_with_namespaceless_element_target
assert_equal <<CSS, render(<<SCSS)
a {
a: b; }
CSS
a.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a {
a: b; }
CSS
a.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a.foo, a {
a: b; }
CSS
*|a.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a {
a: b; }
CSS
*|a.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo, ns|a {
a: b; }
CSS
a.foo {a: b}
ns|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a.foo, ns|a {
a: b; }
CSS
*|a.foo {a: b}
ns|* {@extend .foo}
SCSS
end
def test_universal_unification_with_namespaced_element_target
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
*|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns1|a.foo {
a: b; }
CSS
ns1|a.foo {a: b}
ns2|* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
ns|* {@extend .foo}
SCSS
end
def test_element_unification_with_simple_target
assert_equal <<CSS, render(<<SCSS)
.foo, a {
a: b; }
CSS
.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, a.bar {
a: b; }
CSS
.foo.bar {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, *|a.bar {
a: b; }
CSS
.foo.bar {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, ns|a.bar {
a: b; }
CSS
.foo.bar {a: b}
ns|a {@extend .foo}
SCSS
end
def test_element_unification_with_namespaceless_universal_target
assert_equal <<CSS, render(<<SCSS)
*.foo, a {
a: b; }
CSS
*.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*.foo, a {
a: b; }
CSS
*.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|*.foo, a {
a: b; }
CSS
*|*.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|*.foo, *|a {
a: b; }
CSS
*|*.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*.foo, ns|a {
a: b; }
CSS
*.foo {a: b}
ns|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|*.foo, ns|a {
a: b; }
CSS
*|*.foo {a: b}
ns|a {@extend .foo}
SCSS
end
def test_element_unification_with_namespaced_universal_target
assert_equal <<CSS, render(<<SCSS)
ns|*.foo, ns|a {
a: b; }
CSS
ns|*.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|*.foo, ns|a {
a: b; }
CSS
ns|*.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns1|*.foo {
a: b; }
CSS
ns1|*.foo {a: b}
ns2|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|*.foo, ns|a {
a: b; }
CSS
ns|*.foo {a: b}
ns|a {@extend .foo}
SCSS
end
def test_element_unification_with_namespaceless_element_target
assert_equal <<CSS, render(<<SCSS)
a {
a: b; }
CSS
a.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a {
a: b; }
CSS
a.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a.foo, a {
a: b; }
CSS
*|a.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a {
a: b; }
CSS
*|a.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo, ns|a {
a: b; }
CSS
a.foo {a: b}
ns|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
*|a.foo, ns|a {
a: b; }
CSS
*|a.foo {a: b}
ns|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo {
a: b; }
CSS
a.foo {a: b}
h1 {@extend .foo}
SCSS
end
def test_element_unification_with_namespaced_element_target
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
*|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns1|a.foo {
a: b; }
CSS
ns1|a.foo {a: b}
ns2|a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a {
a: b; }
CSS
ns|a.foo {a: b}
ns|a {@extend .foo}
SCSS
end
def test_attribute_unification
assert_equal <<CSS, render(<<SCSS)
[foo=bar].baz, [foo=bar][foo=baz] {
a: b; }
CSS
[foo=bar].baz {a: b}
[foo=baz] {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
[foo=bar].baz, [foo=bar][foo^=bar] {
a: b; }
CSS
[foo=bar].baz {a: b}
[foo^=bar] {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
[foo=bar].baz, [foo=bar][foot=bar] {
a: b; }
CSS
[foo=bar].baz {a: b}
[foot=bar] {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
[foo=bar].baz, [foo=bar][ns|foo=bar] {
a: b; }
CSS
[foo=bar].baz {a: b}
[ns|foo=bar] {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
[foo=bar] {
a: b; }
CSS
[foo=bar].baz {a: b}
[foo=bar] {@extend .baz}
SCSS
end
def test_pseudo_unification
assert_equal <<CSS, render(<<SCSS)
:foo.baz, :foo:foo(2n+1) {
a: b; }
CSS
:foo.baz {a: b}
:foo(2n+1) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:foo.baz, :foo::foo {
a: b; }
CSS
:foo.baz {a: b}
::foo {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
::foo.baz {
a: b; }
CSS
::foo.baz {a: b}
::bar {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
::foo.baz {
a: b; }
CSS
::foo.baz {a: b}
::foo(2n+1) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
::foo {
a: b; }
CSS
::foo.baz {a: b}
::foo {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
::foo(2n+1) {
a: b; }
CSS
::foo(2n+1).baz {a: b}
::foo(2n+1) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:foo.baz, :foo:bar {
a: b; }
CSS
:foo.baz {a: b}
:bar {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:foo {
a: b; }
CSS
:foo.baz {a: b}
:foo {@extend .baz}
SCSS
end
def test_pseudoelement_remains_at_end_of_selector
assert_equal <<CSS, render(<<SCSS)
.foo::bar, .baz::bar {
a: b; }
CSS
.foo::bar {a: b}
.baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo::bar, a.baz::bar {
a: b; }
CSS
a.foo::bar {a: b}
.baz {@extend .foo}
SCSS
end
def test_pseudoclass_remains_at_end_of_selector
assert_equal <<CSS, render(<<SCSS)
.foo:bar, .baz:bar {
a: b; }
CSS
.foo:bar {a: b}
.baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo:bar, a.baz:bar {
a: b; }
CSS
a.foo:bar {a: b}
.baz {@extend .foo}
SCSS
end
def test_not_remains_at_end_of_selector
assert_equal <<CSS, render(<<SCSS)
.foo:not(.bar), .baz:not(.bar) {
a: b; }
CSS
.foo:not(.bar) {a: b}
.baz {@extend .foo}
SCSS
end
def test_pseudoelement_goes_lefter_than_pseudoclass
assert_equal <<CSS, render(<<SCSS)
.foo::bar, .baz:bang::bar {
a: b; }
CSS
.foo::bar {a: b}
.baz:bang {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo:bar, .baz:bar::bang {
a: b; }
CSS
.foo:bar {a: b}
.baz::bang {@extend .foo}
SCSS
end
def test_pseudoelement_goes_lefter_than_not
assert_equal <<CSS, render(<<SCSS)
.foo::bar, .baz:not(.bang)::bar {
a: b; }
CSS
.foo::bar {a: b}
.baz:not(.bang) {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo:not(.bang), .baz:not(.bang)::bar {
a: b; }
CSS
.foo:not(.bang) {a: b}
.baz::bar {@extend .foo}
SCSS
end
def test_negation_unification
assert_equal <<CSS, render(<<SCSS)
:not(.foo).baz, :not(.foo):not(.bar) {
a: b; }
CSS
:not(.foo).baz {a: b}
:not(.bar) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:not(.foo) {
a: b; }
CSS
:not(.foo).baz {a: b}
:not(.foo) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:not([a=b]) {
a: b; }
CSS
:not([a=b]).baz {a: b}
:not([a = b]) {@extend .baz}
SCSS
end
## Long Extendees
def test_long_extendee
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .baz {
a: b; }
CSS
.foo.bar {a: b}
.baz {@extend .foo.bar}
SCSS
end
def test_long_extendee_requires_all_selectors
assert_equal <<CSS, render(<<SCSS)
.foo {
a: b; }
CSS
.foo {a: b}
.baz {@extend .foo.bar}
SCSS
end
def test_long_extendee_matches_supersets
assert_equal <<CSS, render(<<SCSS)
.foo.bar.bap, .bap.baz {
a: b; }
CSS
.foo.bar.bap {a: b}
.baz {@extend .foo.bar}
SCSS
end
def test_long_extendee_runs_unification
assert_equal <<CSS, render(<<SCSS)
ns|*.foo.bar, ns|a.baz {
a: b; }
CSS
ns|*.foo.bar {a: b}
a.baz {@extend .foo.bar}
SCSS
end
## Long Extenders
def test_long_extender
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .bar.baz.bang {
a: b; }
CSS
.foo.bar {a: b}
.baz.bang {@extend .foo}
SCSS
end
def test_long_extender_runs_unification
assert_equal <<CSS, render(<<SCSS)
ns|*.foo.bar, ns|a.bar.baz {
a: b; }
CSS
ns|*.foo.bar {a: b}
a.baz {@extend .foo}
SCSS
end
def test_long_extender_aborts_unification
assert_equal <<CSS, render(<<SCSS)
a.foo#bar {
a: b; }
CSS
a.foo#bar {a: b}
h1.baz {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
a.foo#bar {
a: b; }
CSS
a.foo#bar {a: b}
.bang#baz {@extend .foo}
SCSS
end
## Nested Extenders
def test_nested_extender
assert_equal <<CSS, render(<<SCSS)
.foo, foo bar {
a: b; }
CSS
.foo {a: b}
foo bar {@extend .foo}
SCSS
end
def test_nested_extender_runs_unification
assert_equal <<CSS, render(<<SCSS)
.foo.bar, foo bar.bar {
a: b; }
CSS
.foo.bar {a: b}
foo bar {@extend .foo}
SCSS
end
def test_nested_extender_aborts_unification
assert_equal <<CSS, render(<<SCSS)
baz.foo {
a: b; }
CSS
baz.foo {a: b}
foo bar {@extend .foo}
SCSS
end
def test_nested_extender_alternates_parents
assert_equal <<CSS, render(<<SCSS)
.baz .bip .foo, .baz .bip foo .grank bar, foo .grank .baz .bip bar {
a: b; }
CSS
.baz .bip .foo {a: b}
foo .grank bar {@extend .foo}
SCSS
end
def test_nested_extender_unifies_identical_parents
assert_equal <<CSS, render(<<SCSS)
.baz .bip .foo, .baz .bip bar {
a: b; }
CSS
.baz .bip .foo {a: b}
.baz .bip bar {@extend .foo}
SCSS
end
def test_nested_extender_unifies_common_substring
assert_equal <<CSS, render(<<SCSS)
.baz .bip .bap .bink .foo, .baz .brat .bip .bap .bink bar, .brat .baz .bip .bap .bink bar {
a: b; }
CSS
.baz .bip .bap .bink .foo {a: b}
.brat .bip .bap bar {@extend .foo}
SCSS
end
def test_nested_extender_unifies_common_subseq
assert_equal <<CSS, render(<<SCSS)
.a .x .b .y .foo, .a .x .n .b .y .m bar, .a .n .x .b .y .m bar, .a .x .n .b .m .y bar, .a .n .x .b .m .y bar {
a: b; }
CSS
.a .x .b .y .foo {a: b}
.a .n .b .m bar {@extend .foo}
SCSS
end
def test_nested_extender_chooses_first_subseq
assert_equal <<CSS, render(<<SCSS)
.a .b .c .d .foo, .a .b .c .d .a .b .bar {
a: b; }
CSS
.a .b .c .d .foo {a: b}
.c .d .a .b .bar {@extend .foo}
SCSS
end
def test_nested_extender_counts_extended_subselectors
assert_equal <<CSS, render(<<SCSS)
.a .bip.bop .foo, .a .b .bip.bop .bar, .b .a .bip.bop .bar {
a: b; }
CSS
.a .bip.bop .foo {a: b}
.b .bip .bar {@extend .foo}
SCSS
end
def test_nested_extender_counts_extended_superselectors
assert_equal <<CSS, render(<<SCSS)
.a .bip .foo, .a .b .bip.bop .bar, .b .a .bip.bop .bar {
a: b; }
CSS
.a .bip .foo {a: b}
.b .bip.bop .bar {@extend .foo}
SCSS
end
def test_nested_extender_with_child_selector
assert_equal <<CSS, render(<<SCSS)
.baz .foo, .baz foo > bar {
a: b; }
CSS
.baz .foo {a: b}
foo > bar {@extend .foo}
SCSS
end
def test_nested_extender_finds_common_selectors_around_child_selector
assert_equal <<CSS, render(<<SCSS)
a > b c .c1, a > b c .c2 {
a: b; }
CSS
a > b c .c1 {a: b}
a c .c2 {@extend .c1}
SCSS
assert_equal <<CSS, render(<<SCSS)
a > b c .c1, a > b c .c2 {
a: b; }
CSS
a > b c .c1 {a: b}
b c .c2 {@extend .c1}
SCSS
end
def test_nested_extender_doesnt_find_common_selectors_around_adjacent_sibling_selector
assert_equal <<CSS, render(<<SCSS)
a + b c .c1, a + b a c .c2, a a + b c .c2 {
a: b; }
CSS
a + b c .c1 {a: b}
a c .c2 {@extend .c1}
SCSS
assert_equal <<CSS, render(<<SCSS)
a + b c .c1, a a + b c .c2 {
a: b; }
CSS
a + b c .c1 {a: b}
a b .c2 {@extend .c1}
SCSS
assert_equal <<CSS, render(<<SCSS)
a + b c .c1, a + b c .c2 {
a: b; }
CSS
a + b c .c1 {a: b}
b c .c2 {@extend .c1}
SCSS
end
def test_nested_extender_doesnt_find_common_selectors_around_sibling_selector
assert_equal <<CSS, render(<<SCSS)
a ~ b c .c1, a ~ b a c .c2, a a ~ b c .c2 {
a: b; }
CSS
a ~ b c .c1 {a: b}
a c .c2 {@extend .c1}
SCSS
assert_equal <<CSS, render(<<SCSS)
a ~ b c .c1, a a ~ b c .c2 {
a: b; }
CSS
a ~ b c .c1 {a: b}
a b .c2 {@extend .c1}
SCSS
assert_equal <<CSS, render(<<SCSS)
a ~ b c .c1, a ~ b c .c2 {
a: b; }
CSS
a ~ b c .c1 {a: b}
b c .c2 {@extend .c1}
SCSS
end
def test_nested_extender_with_early_child_selectors_doesnt_subseq_them
assert_equal <<CSS, render(<<SCSS)
.bip > .bap .foo, .bip > .bap .grip > .bap .bar, .grip > .bap .bip > .bap .bar {
a: b; }
CSS
.bip > .bap .foo {a: b}
.grip > .bap .bar {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.bap > .bip .foo, .bap > .bip .bap > .grip .bar, .bap > .grip .bap > .bip .bar {
a: b; }
CSS
.bap > .bip .foo {a: b}
.bap > .grip .bar {@extend .foo}
SCSS
end
def test_nested_extender_with_child_selector_unifies
assert_equal <<CSS, render(<<SCSS)
.baz.foo, foo > bar.baz {
a: b; }
CSS
.baz.foo {a: b}
foo > bar {@extend .foo}
SCSS
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_equal <<CSS, render(<<SCSS)
.baz .foo, .baz foo + bar {
a: b; }
CSS
.baz .foo {a: b}
foo + bar {@extend .foo}
SCSS
end
def test_nested_extender_with_hacky_selector
assert_equal <<CSS, render(<<SCSS)
.baz .foo, .baz foo + > > + bar {
a: b; }
CSS
.baz .foo {a: b}
foo + > > + bar {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.baz .foo, .baz > > bar {
a: b; }
CSS
.baz .foo {a: b}
> > bar {@extend .foo}
SCSS
end
def test_nested_extender_merges_with_same_selector
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .foo .baz {
a: b; }
CSS
.foo {
.bar {a: b}
.baz {@extend .bar} }
SCSS
end
def test_nested_extender_with_child_selector_merges_with_same_selector
assert_equal <<CSS, render(<<SCSS)
.foo > .bar .baz, .foo > .bar .bang {
a: b; }
CSS
.foo > .bar .baz {a: b}
.foo > .bar .bang {@extend .baz}
SCSS
end
# Loops
def test_extend_self_loop
assert_equal <<CSS, render(<<SCSS)
.foo {
a: b; }
CSS
.foo {a: b; @extend .foo}
SCSS
end
def test_basic_extend_loop
assert_equal <<CSS, render(<<SCSS)
.bar, .foo {
a: b; }
.foo, .bar {
c: d; }
CSS
.foo {a: b; @extend .bar}
.bar {c: d; @extend .foo}
SCSS
end
def test_three_level_extend_loop
assert_equal <<CSS, render(<<SCSS)
.baz, .bar, .foo {
a: b; }
.foo, .baz, .bar {
c: d; }
.bar, .foo, .baz {
e: f; }
CSS
.foo {a: b; @extend .bar}
.bar {c: d; @extend .baz}
.baz {e: f; @extend .foo}
SCSS
end
def test_nested_extend_loop
assert_equal <<CSS, render(<<SCSS)
.bar, .bar .foo {
a: b; }
.bar .foo, .bar .foo .foo {
c: d; }
CSS
.bar {
a: b;
.foo {c: d; @extend .bar}
}
SCSS
end
def test_multiple_extender_merges_with_superset_selector
assert_equal <<CSS, render(<<SCSS)
a.bar.baz, a.foo {
a: b; }
CSS
.foo {@extend .bar; @extend .baz}
a.bar.baz {a: b}
SCSS
end
def test_control_flow_if
assert_equal <<CSS, render(<<SCSS)
.true, .also-true {
color: green; }
.false, .also-false {
color: red; }
CSS
.true { color: green; }
.false { color: red; }
.also-true {
@if true { @extend .true; }
@else { @extend .false; }
}
.also-false {
@if false { @extend .true; }
@else { @extend .false; }
}
SCSS
end
def test_control_flow_for
assert_equal <<CSS, render(<<SCSS)
.base-0, .added {
color: green; }
.base-1, .added {
display: block; }
.base-2, .added {
border: 1px solid blue; }
CSS
.base-0 { color: green; }
.base-1 { display: block; }
.base-2 { border: 1px solid blue; }
.added {
@for $i from 0 to 3 {
@extend .base-\#{$i};
}
}
SCSS
end
def test_control_flow_while
assert_equal <<CSS, render(<<SCSS)
.base-0, .added {
color: green; }
.base-1, .added {
display: block; }
.base-2, .added {
border: 1px solid blue; }
CSS
.base-0 { color: green; }
.base-1 { display: block; }
.base-2 { border: 1px solid blue; }
.added {
$i : 0;
@while $i < 3 {
@extend .base-\#{$i};
$i : $i + 1;
}
}
SCSS
end
private
def render(sass, options = {})
munge_filename options
Sass::Engine.new(sass, {:syntax => :scss}.merge(options)).render
end
end