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

1110 lines
20 KiB
Ruby
Raw Normal View History

[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
#!/usr/bin/env ruby
require File.dirname(__FILE__) + '/../test_helper'
[Sass] Properly name ExtendTest.
2010-04-10 16:51:29 -07:00
class ExtendTest < Test::Unit::TestCase
[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
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
[Sass] Add a few more tests, some of which fail.
2010-03-09 03:21:28 -08:00
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)
[Sass] Clean up the @extend impl a little.
2010-04-26 19:32:36 -07:00
.foo.bar, .bar.baz, .baz, .foo.baz {
[Sass] Add a few more tests, some of which fail.
2010-03-09 03:21:28 -08:00
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)
[Sass] Clean up the @extend impl a little.
2010-04-26 19:32:36 -07:00
.foo.bar, .bar.baz, .baz.bang, .foo.bang {
[Sass] Add a few more tests, some of which fail.
2010-03-09 03:21:28 -08:00
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
[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
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)
.foo.baz, .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)
.foo#baz, #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)
.foo.bar, .bar {
a: b; }
CSS
.foo.bar {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
.foo.bar, .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)
*.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)
*|*.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)
*.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|*.foo, ns|* {
a: b; }
CSS
ns|*.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|*.foo, 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|*.foo, 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.foo, 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.foo, 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.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.foo, ns|a {
a: b; }
CSS
ns|a.foo {a: b}
* {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a.foo, 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.foo, 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.foo, 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.foo, 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.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.foo, ns|a {
a: b; }
CSS
ns|a.foo {a: b}
a {@extend .foo}
SCSS
assert_equal <<CSS, render(<<SCSS)
ns|a.foo, 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.foo, 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].baz, [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}
[Sass] Handle pseudoelement selectors properly.
2010-03-09 13:31:08 -08:00
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.baz, ::foo {
a: b; }
CSS
::foo.baz {a: b}
::foo {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
::foo(2n+1).baz, ::foo(2n+1) {
a: b; }
CSS
::foo(2n+1).baz {a: b}
::foo(2n+1) {@extend .baz}
[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
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.baz, :foo {
a: b; }
CSS
:foo.baz {a: b}
:foo {@extend .baz}
SCSS
end
[Sass] Handle pseudoelement selectors properly.
2010-03-09 13:31:08 -08:00
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
[Sass] Keep pseudo-selectors at the end of @extend-ed selectors.
2010-04-26 17:28:56 -07:00
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
[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
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).baz, :not(.foo) {
a: b; }
CSS
:not(.foo).baz {a: b}
:not(.foo) {@extend .baz}
SCSS
assert_equal <<CSS, render(<<SCSS)
:not([a=b]).baz, :not([a=b]) {
a: b; }
CSS
:not([a=b]).baz {a: b}
:not([a = b]) {@extend .baz}
SCSS
end
[Sass] Add failing tests for long extendees.
2010-03-09 03:12:58 -08:00
## 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)
[Sass] Actually allow @extend to @extend long selectors. Loop handling is still broken.
2010-04-11 14:03:33 -07:00
.foo.bar.bap, .bap.baz {
[Sass] Add failing tests for long extendees.
2010-03-09 03:12:58 -08:00
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)
[Sass] Actually allow @extend to @extend long selectors. Loop handling is still broken.
2010-04-11 14:03:33 -07:00
ns|*.foo.bar, ns|a.baz {
[Sass] Add failing tests for long extendees.
2010-03-09 03:12:58 -08:00
a: b; }
CSS
ns|*.foo.bar {a: b}
a.baz {@extend .foo.bar}
SCSS
end
[Sass] Support long selectors extending.
2010-03-09 19:04:03 -08:00
## 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
[Sass] Mostly support nested extenders. Non-descendent nested selectors (e.g. > and +) remain unsupported, and loop detection no longer works. Failing tests exist for the former.
2010-04-19 02:43:29 -07:00
## 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_interleaves_parents_with_unification
assert_equal <<CSS, render(<<SCSS)
.baz .foo, .baz foo bar, foo.baz bar, foo .baz bar {
a: b; }
CSS
.baz .foo {a: b}
foo bar {@extend .foo}
SCSS
end
def test_nested_extender_interleaves_parents_with_aborted_unification
assert_equal <<CSS, render(<<SCSS)
baz .foo, baz foo bar, foo baz bar {
a: b; }
CSS
baz .foo {a: b}
foo bar {@extend .foo}
SCSS
end
def test_nested_extender_with_lots_of_interleaving
# Please, never ever do this in a real stylesheet
assert_equal <<CSS, render(<<SCSS)
.foo .bar .baz .bang, .foo .bar .baz .foo2 .bar2 .baz2 .bang2, .foo .bar .foo2.baz .bar2 .baz2 .bang2, .foo .bar .foo2 .baz .bar2 .baz2 .bang2, .foo .bar .foo2 .bar2.baz .baz2 .bang2, .foo .bar .foo2 .bar2 .baz .baz2 .bang2, .foo .bar .foo2 .bar2 .baz2.baz .bang2, .foo .bar .foo2 .bar2 .baz2 .baz .bang2, .foo .foo2.bar .baz .bar2 .baz2 .bang2, .foo .foo2.bar .bar2.baz .baz2 .bang2, .foo .foo2.bar .bar2 .baz .baz2 .bang2, .foo .foo2.bar .bar2 .baz2.baz .bang2, .foo .foo2.bar .bar2 .baz2 .baz .bang2, .foo .foo2 .bar .baz .bar2 .baz2 .bang2, .foo .foo2 .bar .bar2.baz .baz2 .bang2, .foo .foo2 .bar .bar2 .baz .baz2 .bang2, .foo .foo2 .bar .bar2 .baz2.baz .bang2, .foo .foo2 .bar .bar2 .baz2 .baz .bang2, .foo .foo2 .bar2.bar .baz .baz2 .bang2, .foo .foo2 .bar2.bar .baz2.baz .bang2, .foo .foo2 .bar2.bar .baz2 .baz .bang2, .foo .foo2 .bar2 .bar .baz .baz2 .bang2, .foo .foo2 .bar2 .bar .baz2.baz .bang2, .foo .foo2 .bar2 .bar .baz2 .baz .bang2, .foo .foo2 .bar2 .baz2.bar .baz .bang2, .foo .foo2 .bar2 .baz2 .bar .baz .bang2, .foo2.foo .bar .baz .bar2 .baz2 .bang2, .foo2.foo .bar .bar2.baz .baz2 .bang2, .foo2.foo .bar .bar2 .baz .baz2 .bang2, .foo2.foo .bar .bar2 .baz2.baz .bang2, .foo2.foo .bar .bar2 .baz2 .baz .bang2, .foo2.foo .bar2.bar .baz .baz2 .bang2, .foo2.foo .bar2.bar .baz2.baz .bang2, .foo2.foo .bar2.bar .baz2 .baz .bang2, .foo2.foo .bar2 .bar .baz .baz2 .bang2, .foo2.foo .bar2 .bar .baz2.baz .bang2, .foo2.foo .bar2 .bar .baz2 .baz .bang2, .foo2.foo .bar2 .baz2.bar .baz .bang2, .foo2.foo .bar2 .baz2 .bar .baz .bang2, .foo2 .foo .bar .baz .bar2 .baz2 .bang2, .foo2 .foo .bar .bar2.baz .baz2 .bang2, .foo2 .foo .bar .bar2 .baz .baz2 .bang2, .foo2 .foo .bar .bar2 .baz2.baz .bang2, .foo2 .foo .bar .bar2 .baz2 .baz .bang2, .foo2 .foo .bar2.bar .baz .baz2 .bang2, .foo2 .foo .bar2.bar .baz2.baz .bang2, .foo2 .foo .bar2.bar .baz2 .baz .bang2, .foo2 .foo .bar2 .bar .baz .baz2 .bang2, .foo2 .foo .bar2 .bar .baz2.baz .bang2, .foo2 .foo .bar2 .bar .baz2 .baz .bang2, .foo2 .foo .bar2 .baz2.bar .baz .bang2, .foo2 .foo .bar2 .baz2 .bar .baz .bang2, .foo2 .bar2.foo .bar .baz .baz2 .bang2, .foo2 .bar2.foo .bar .baz2.baz .bang2, .foo2 .bar2.foo .bar .baz2 .baz .bang2, .foo2 .bar2.foo .baz2.bar .baz .bang2, .foo2 .bar2.foo .baz2 .bar .baz .bang2, .foo2 .bar2 .foo .bar .baz .baz2 .bang2, .foo2 .bar2 .foo .bar .baz2.baz .bang2, .foo2 .bar2 .foo .bar .baz2 .baz .bang2, .foo2 .bar2 .foo .baz2.bar .baz .bang2, .foo2 .bar2 .foo .baz2 .bar .baz .bang2, .foo2 .bar2 .baz2.foo .bar .baz .bang2, .foo2 .bar2 .baz2 .foo .bar .baz .bang2 {
a: b; }
CSS
.foo .bar .baz .bang {a: b}
.foo2 .bar2 .baz2 .bang2 {@extend .bang}
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_with_descendant_and_child_selector
assert_equal <<CSS, render(<<SCSS)
.baz .foo, .baz bang foo > bar, bang.baz foo > bar, bang .baz foo > bar {
a: b; }
CSS
.baz .foo {a: b}
bang foo > 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
[Sass] Make @extend work with complex selector combinators.
2010-04-19 10:19:47 -07:00
def test_nested_extender_with_child_selector_and_more
assert_equal <<CSS, render(<<SCSS)
.foo .bar, .foo foo > bar baz, foo > bar.foo baz, foo > bar .foo baz {
a: b; }
CSS
.foo .bar {a: b}
foo > bar baz {@extend .bar}
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
[Sass] Mostly support nested extenders. Non-descendent nested selectors (e.g. > and +) remain unsupported, and loop detection no longer works. Failing tests exist for the former.
2010-04-19 02:43:29 -07:00
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
[Sass] Be smarter when @extending stuff with similar parents.
2010-04-21 18:58:57 -07:00
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
[Sass] Add tests for @extend, some of which are currently failing.
2010-03-09 02:53:43 -08:00
private
def render(sass, options = {})
munge_filename options
Sass::Engine.new(sass, {:syntax => :scss}.merge(options)).render
end
end
Copy permalink