@@ -79,9 +79,10 @@ describe('Template Rewriting', function() {
79
79
return pipeline ( analyzer , templatePath ) . then ( ( result ) => {
80
80
let { css, ast } = result ;
81
81
let res = print ( ast ) ;
82
+ // TODO why is `f` class both static and dynamic?
82
83
assert . deepEqual ( minify ( res ) , minify ( `
83
- <div class={{/css-blocks/components/classnames 0 1 "b" 0}} >
84
- <h1 class={{/css-blocks/components/classnames 0 1 "e" 0}} >Hello, <span class={{/css-blocks/components/classnames 2 4 2 (isThick) 1 4 4 2 1 (textStyle) "bold" 1 1 "italic" 1 2 "f" -2 2 0 2 "g " 1 "c" 3 " d" 4}} >World</span>!</h1>
84
+ <div class="b">
85
+ <h1 class="e">Hello, <span class="f c {{/css-blocks/components/classnames 2 3 2 (isThick) 1 2 4 2 1 (textStyle) "bold" 1 0 "italic" 1 1 "g" 0 "f " 1 "d" 2}}" >World</span>!</h1>
85
86
</div>` ) ) ;
86
87
assert . deepEqual ( minify ( result . css ) , minify ( `
87
88
.b { color: red; }
@@ -103,9 +104,10 @@ describe('Template Rewriting', function() {
103
104
return pipeline ( analyzer , templatePath ) . then ( ( result ) => {
104
105
let { css, ast } = result ;
105
106
let res = print ( ast ) ;
107
+ // TODO: why is `e` both static and dynamic
106
108
assert . deepEqual ( minify ( res ) , minify ( `
107
- <div class={{/css-blocks/components/classnames 0 1 "b" 0}} >
108
- <h1 class={{/css-blocks/components/classnames 0 1 "d" 0}} >Hello, <span class={{/css-blocks/components/classnames 3 5 0 isWorld 1 4 0 3 1 4 (isThick) 1 5 4 2 1 (textStyle) "bold" 1 1 "italic" 1 2 "e" -2 2 0 2 "f " 1 "g" 3 " c" 4 "with-dynamic-classes__world--thick" 5}} >World</span>!</h1>
109
+ <div class="b">
110
+ <h1 class="d">Hello, <span class="e g {{/css-blocks/components/classnames 3 4 0 isWorld 1 2 0 3 1 2 (isThick) 1 3 4 2 1 (textStyle) "bold" 1 0 "italic" 1 1 "f" 0 "e " 1 "c" 2 "with-dynamic-classes__world--thick" 3}}" >World</span>!</h1>
109
111
<div class={{/css-blocks/components/classnames 1 2 0 isWorld 1 1 1 0 "e" 0 "c" 1}}>World</div>
110
112
<div class={{/css-blocks/components/classnames 1 2 0 isWorld 1 0 1 1 "e" 0 "c" 1}}>World</div>
111
113
<div class={{/css-blocks/components/classnames 1 1 0 isWorld 0 1 0 "c" 0}}>World</div>
@@ -123,9 +125,9 @@ describe('Template Rewriting', function() {
123
125
let { css, ast } = result ;
124
126
let res = print ( ast ) ;
125
127
assert . deepEqual ( minify ( res ) , minify ( `
126
- <div class={{/css-blocks/components/classnames 1 2 2 (isLoading) 1 1 "a" 0 "b" 1}} >
127
- <aside class={{/css-blocks/components/classnames 0 4 "g" 0 "h" 1 "c" 2 "d" 3}} > </aside>
128
- <article class={{/css-blocks/components/classnames 1 3 0 isRecommended 1 2 1 1 "i" 0 "e" 1 "f" 2}} > </article>
128
+ <div class="a {{/css-blocks/components/classnames 1 1 2 (isLoading) 1 0 "b" 0}}" >
129
+ <aside class="g h c d" > </aside>
130
+ <article class="i {{/css-blocks/components/classnames 1 2 0 isRecommended 1 1 1 0 "e" 0 "f" 1}}" > </article>
129
131
</div>
130
132
` ) ) ;
131
133
assert . deepEqual ( minify ( result . css ) , minify ( `
0 commit comments