swc/crates/swc_html_codegen/tests/fixture/attribute/output.min.html

<!doctype html><body>

<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked=checked name=cheese disabled=disabled> Cheese</label>
<label><input type=checkbox checked name=cheese disabled=""> Cheese</label>
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked name=cheese disabled=""> Cheese</label>

<p id="" class="" style=" " title="
" lang="" dir="">x</p>
<p id="" class="" style=" " title="
" lang="" dir="">x</p>

<p onclick="" ondblclick=" " onmousedown="" onmouseup="" onmouseover=" " onmousemove="" onmouseout="" onkeypress="

" onkeydown="" onkeyup="">x</p>
<input onfocus="" onblur="" onchange=" " value=" boo ">
<input value="" name=foo>
<img src="" alt="">
<div data-foo class id style title lang dir onfocus onblur onchange onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup></div>
<img src="" alt="">

<p class=" foo bar  ">foo bar baz</p>
<p class=" foo      ">foo bar baz</p>
<p class="


   foo


">foo bar baz</p>
<p style="    color: red; background-color: rgb(100, 75, 200);  "></p>
<p style="font-weight: bold  ; "></p>

<br>x<br>
<p title="</p>">x</p>
<p title=" <!-- hello world --> ">x</p>
<p title=" <![CDATA[ \n\n foobar baz ]]> ">x</p>
<p foo-bar=baz>xxx</p>
<p foo:bar=baz>xxx</p>
<p foo.bar=baz>xxx</p>

<div><div><div><div><div><div><div><div><div><div>i'm 10 levels deep</div></div></div></div></div></div></div></div></div></div>

<a title=x href=" ">foo</a>
<p id="" class="" title="">x</p>
<p x="x'">x</p>
<p x='x"'>x</p>
<a href=#><p>Click me</p></a>
<span><button>Hit me</button></span>
<object type=image/svg+xml data=image.svg><div>[fallback image]</div></object>

<img class=user-image src=http://adasdasdasd.cloudfront.net/users/2011/05/24/4asdasd/asdasd.jpg>

<div data-foo></div>
<div data-foo=""></div>
<div data-foo=""></div>
<div data-foo=test></div>
<div data-foo=test></div>

<div data-test=foo class=bar>test</div>
<div data-test=foo class=bar>test</div>
<div data-test=foo class=bar>test</div>

<div data-test="foo bar" class=bar>test</div>
<div data-test='foo " bar' class=bar>test</div>
<div data-test="foo ' bar" class=bar>test</div>
<div data-test='foo " bar' class=bar>test</div>
<div data-test="foo ' bar" class=bar>test</div>

<div data-test='foo """ bar' class=bar>test</div>
<div data-test="foo ''' bar" class=bar>test</div>

<div data-test='"foo"' class=bar>test</div>
<div data-test='"foo"' class=bar>test</div>
<div data-test='"   foo   "' class=bar>test</div>
<div data-test='"foo"' class=bar>test</div>
<div data-test='"foo"' class=bar>test</div>
<div data-test='"   foo   "' class=bar>test</div>
<div data-test="'foo'" class=bar>test</div>
<div data-test="'foo'" class=bar>test</div>
<div data-test="
foo
" class=bar>test</div>

<div data-test=\foo class=bar>test</div>
<div data-test=\\foo class=bar>test</div>

<span title='test "with" &amp;quot;'>test</span>
<span title='test "with" & quot'>test</span>
<span title='test "with" &test'>test</span>
<span title='test "with" &amp;amptest'>test</span>
<span title='test "with" <'>test</span>
<span title='test "with" >'>test</span>
<span title=foo>Test</span>
<span title="foo<bar">Test</span>
<span title="foo=bar">Test</span>
<span title="foo>bar">Test</span>
<span title='foo"bar'>Test</span>
<span title="foo'bar">Test</span>

<div>
    &amp;quot;
</div>

<script>
    let foo = "&amp;";
</script>

<style>
    .class::before {
        content: "&amp;";
    }
</style>

<div>
    foo & bar
    foo&<i>bar</i>
    foo&&& bar
</div>

<pre><code>Label current;
// Load effective address of current instruction into rcx.
__ leaq(rcx, Operand(&amp;current));
__ bind(&amp;current);
</code></pre>

<div>
    &xxx; &xxx &amp;thorn; &amp;thorn &amp;curren;t &amp;current &amp;current; &&
    &amp;gt
    &unknown;
    &amp;current
    &amp;current;
    &amp;current
    &amp;current;

    ø &osLash Ø
    &ø &&osLash; &Ø
    &ø &&osLash; &Ø

    &amp;oslash; &osLash; &amp;Oslash;
    &amp;oslash; &osLash; &amp;Oslash;
</div>

<a b="`''<<==/`/"></a>
<a b="`'&quot;<<==/`/"></a>
<a b="`'&quot;<<==/`/"></a>
<a b='`&apos;"""<<==/`/'></a>
<a b='`"<<==/`/'></a>
<a b="`'<<==/`/"></a>

<a b='"'></a>
<a b="'"></a>
<a b="'"></a>
<a b='"'></a>

<a b="'''"></a>
<a b="'''"></a>

<a b='"""'></a>
<a b='"""'></a>

<a href=">"></a>
<a href="<"></a>
<a href="<"></a>
<a href="<"></a>
<a href=">"></a>
<a href=">"></a>
<a href=">"></a>
<a href=">"></a>
fix(html/codegen): Remove optional html start tag (#4811) 2022-05-27 17:45:18 +03:00			`<!doctype html><body>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<label><input type=checkbox checked name=cheese disabled> Cheese</label>`
			`<label><input type=checkbox checked=checked name=cheese disabled=disabled> Cheese</label>`
			`<label><input type=checkbox checked name=cheese disabled=""> Cheese</label>`
			`<label><input type=checkbox checked name=cheese disabled> Cheese</label>`
			`<label><input type=checkbox checked name=cheese disabled> Cheese</label>`
			`<label><input type=checkbox checked name=cheese disabled> Cheese</label>`
			`<label><input type=checkbox checked name=cheese disabled=""> Cheese</label>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00
			`<p id="" class="" style=" " title="`
			`" lang="" dir="">x</p>`
			`<p id="" class="" style=" " title="`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00			`" lang="" dir="">x</p>`

feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00			`<p onclick="" ondblclick=" " onmousedown="" onmouseup="" onmouseover=" " onmousemove="" onmouseout="" onkeypress="`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00
			`" onkeydown="" onkeyup="">x</p>`
			`<input onfocus="" onblur="" onchange=" " value=" boo ">`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<input value="" name=foo>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00			`<img src="" alt="">`
			`<div data-foo class id style title lang dir onfocus onblur onchange onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup></div>`
			`<img src="" alt="">`

			`<p class=" foo bar ">foo bar baz</p>`
			`<p class=" foo ">foo bar baz</p>`
			`<p class="`


			`foo`


			`">foo bar baz</p>`
			`<p style=" color: red; background-color: rgb(100, 75, 200); "></p>`
			`<p style="font-weight: bold ; "></p>`

feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00			`<br>x<br>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00			`<p title="</p>">x</p>`
			`<p title=" <!-- hello world --> ">x</p>`
			`<p title=" <![CDATA[ \n\n foobar baz ]]> ">x</p>`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<p foo-bar=baz>xxx</p>`
			`<p foo:bar=baz>xxx</p>`
			`<p foo.bar=baz>xxx</p>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00
			`<div><div><div><div><div><div><div><div><div><div>i'm 10 levels deep</div></div></div></div></div></div></div></div></div></div>`

fix(html/parsing): Fix parsing of formatting elements (#4442) 2022-04-26 11:01:26 +03:00			`<a title=x href=" ">foo</a>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00			`<p id="" class="" title="">x</p>`
			`<p x="x'">x</p>`
			`<p x='x"'>x</p>`
fix(html/parsing): Fix parsing of formatting elements (#4442) 2022-04-26 11:01:26 +03:00			`<a href=#><p>Click me</p></a>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00			`<span><button>Hit me</button></span>`
feat(html/codegen): Support context element (#4887) 2022-06-05 23:43:56 +03:00			`<object type=image/svg+xml data=image.svg><div>[fallback image]</div></object>`
fix(html/parser): Fix bugs (#4265) 2022-04-07 08:12:54 +03:00
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<img class=user-image src=http://adasdasdasd.cloudfront.net/users/2011/05/24/4asdasd/asdasd.jpg>`
feat(html): Add raw fields (#4281) 2022-04-08 12:19:58 +03:00
			`<div data-foo></div>`
			`<div data-foo=""></div>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00			`<div data-foo=""></div>`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<div data-foo=test></div>`
			`<div data-foo=test></div>`

			`<div data-test=foo class=bar>test</div>`
			`<div data-test=foo class=bar>test</div>`
			`<div data-test=foo class=bar>test</div>`

			`<div data-test="foo bar" class=bar>test</div>`
			`<div data-test='foo " bar' class=bar>test</div>`
			`<div data-test="foo ' bar" class=bar>test</div>`
			`<div data-test='foo " bar' class=bar>test</div>`
			`<div data-test="foo ' bar" class=bar>test</div>`

			`<div data-test='foo """ bar' class=bar>test</div>`
			`<div data-test="foo ''' bar" class=bar>test</div>`

			`<div data-test='"foo"' class=bar>test</div>`
			`<div data-test='"foo"' class=bar>test</div>`
			`<div data-test='" foo "' class=bar>test</div>`
			`<div data-test='"foo"' class=bar>test</div>`
			`<div data-test='"foo"' class=bar>test</div>`
			`<div data-test='" foo "' class=bar>test</div>`
			`<div data-test="'foo'" class=bar>test</div>`
			`<div data-test="'foo'" class=bar>test</div>`
			`<div data-test="`
			`foo`
			`" class=bar>test</div>`

			`<div data-test=\foo class=bar>test</div>`
			`<div data-test=\\foo class=bar>test</div>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<span title='test "with" &quot;'>test</span>`
feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`<span title='test "with" & quot'>test</span>`
			`<span title='test "with" &test'>test</span>`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<span title='test "with" &amptest'>test</span>`
			`<span title='test "with" <'>test</span>`
			`<span title='test "with" >'>test</span>`
			`<span title=foo>Test</span>`
			`<span title="foo<bar">Test</span>`
			`<span title="foo=bar">Test</span>`
			`<span title="foo>bar">Test</span>`
			`<span title='foo"bar'>Test</span>`
			`<span title="foo'bar">Test</span>`

			`<div>`
			`&quot;`
			`</div>`

			`<script>`
			`let foo = "&";`
			`</script>`

			`<style>`
			`.class::before {`
			`content: "&";`
			`}`
			`</style>`

			`<div>`
feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`foo & bar`
			`foo&<i>bar</i>`
			`foo&&& bar`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`</div>`

			`<pre><code>Label current;`
			`// Load effective address of current instruction into rcx.`
			`__ leaq(rcx, Operand(&current));`
			`__ bind(&current);`
			`</code></pre>`

			`<div>`
feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`&xxx; &xxx &thorn; &thorn &curren;t &current &current; &&`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`&gt`
feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`&unknown;`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`&current`
			`&current;`
			`&current`
			`&current;`

feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`ø &osLash Ø`
			`&ø &&osLash; &Ø`
			`&ø &&osLash; &Ø`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00
feat(html/codegen): Improve entity compression (#4889) 2022-06-07 07:33:33 +03:00			`&oslash; &osLash; &Oslash;`
			`&oslash; &osLash; &Oslash;`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`</div>`

fix(html/codegen): Fix quotes in attributes (#4918) 2022-06-10 06:54:04 +03:00			<a b="`''<<==/`/"></a>
			<a b="`'"<<==/`/"></a>
			<a b="`'"<<==/`/"></a>
			<a b='`'"""<<==/`/'></a>
			<a b='`"<<==/`/'></a>
			<a b="`'<<==/`/"></a>

			`<a b='"'></a>`
			`<a b="'"></a>`
			`<a b="'"></a>`
			`<a b='"'></a>`

			`<a b="'''"></a>`
			`<a b="'''"></a>`

			`<a b='"""'></a>`
			`<a b='"""'></a>`

			`<a href=">"></a>`
			`<a href="<"></a>`
			`<a href="<"></a>`
			`<a href="<"></a>`
			`<a href=">"></a>`
			`<a href=">"></a>`
			`<a href=">"></a>`
			`<a href=">"></a>`

feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00
feat(html): Add raw fields (#4281) 2022-04-08 12:19:58 +03:00