Skip to content

Commit c8602db

Browse files
committed
chore(tests): Fix tests for static class rewriting
1 parent d782051 commit c8602db

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

Diff for: packages/glimmer-templates/test/template-rewrite-test.ts

+9-7
Original file line numberDiff line numberDiff line change
@@ -79,9 +79,10 @@ describe('Template Rewriting', function() {
7979
return pipeline(analyzer, templatePath).then((result) => {
8080
let { css, ast } = result;
8181
let res = print(ast);
82+
// TODO why is `f` class both static and dynamic?
8283
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>
8586
</div>`));
8687
assert.deepEqual(minify(result.css), minify(`
8788
.b { color: red; }
@@ -103,9 +104,10 @@ describe('Template Rewriting', function() {
103104
return pipeline(analyzer, templatePath).then((result) => {
104105
let { css, ast } = result;
105106
let res = print(ast);
107+
// TODO: why is `e` both static and dynamic
106108
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>
109111
<div class={{/css-blocks/components/classnames 1 2 0 isWorld 1 1 1 0 "e" 0 "c" 1}}>World</div>
110112
<div class={{/css-blocks/components/classnames 1 2 0 isWorld 1 0 1 1 "e" 0 "c" 1}}>World</div>
111113
<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() {
123125
let { css, ast } = result;
124126
let res = print(ast);
125127
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>
129131
</div>
130132
`));
131133
assert.deepEqual(minify(result.css), minify(`

0 commit comments

Comments
 (0)