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

<!DOCTYPE html>
<html>
<head></head><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&quot;">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 &quot; bar" class="bar">test</div>
<div data-test="foo ' bar" class="bar">test</div>
<div data-test="foo &quot; bar" class="bar">test</div>
<div data-test="foo ' bar" class="bar">test</div>

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

<div data-test="&quot;foo&quot;" class="bar">test</div>
<div data-test="&quot;foo&quot;" class="bar">test</div>
<div data-test="&quot;   foo   &quot;" class="bar">test</div>
<div data-test="&quot;foo&quot;" class="bar">test</div>
<div data-test="&quot;foo&quot;" class="bar">test</div>
<div data-test="&quot;   foo   &quot;" 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 &quot;with&quot; &amp;quot;">test</span>
<span title="test &quot;with&quot; &amp; quot">test</span>
<span title="test &quot;with&quot; &amp;test">test</span>
<span title="test &quot;with&quot; &amp;amptest">test</span>
<span title="test &quot;with&quot; <">test</span>
<span title="test &quot;with&quot; >">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&quot;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 &amp; bar
    foo&amp;<i>bar</i>
    foo&amp;&amp;&amp; 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>
    &amp;xxx; &amp;xxx &amp;thorn; &amp;thorn &amp;curren;t &amp;current &amp;current; &amp;&amp;
    &amp;gt
    &amp;unknown;
    &amp;current
    &amp;current;
    &amp;current
    &amp;current;

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

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

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

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

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

<a b="&quot;&quot;&quot;"></a>
<a b="&quot;&quot;&quot;"></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>


</body></html>
fix(html/codegen): Fix codegen (#4629) 2022-05-13 07:45:40 +03:00			`<!DOCTYPE html>`
			`<html>`
			`<head></head><body>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +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>`

			`<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 ">`
			`<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>`

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>`
			`<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>`

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>`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<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): Support self-closing flag (#4950) 2022-06-14 16:31:23 +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): Add raw fields (#4281) 2022-04-08 12:19:58 +03:00			`<div data-foo="test"></div>`
feat(html): Prepare processing system (#4358) 2022-04-22 14:20:47 +03:00			`<div data-foo="test"></div>`

feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<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>`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<div data-test="foo " bar" class="bar">test</div>`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<div data-test="foo ' bar" class="bar">test</div>`
fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<div data-test="foo " bar" class="bar">test</div>`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<div data-test="foo ' bar" class="bar">test</div>`

fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<div data-test="foo """ bar" class="bar">test</div>`
feat(html/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<div data-test="foo ''' bar" class="bar">test</div>`

fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<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/codegen): Print unquoted value when it is possible (#4402) 2022-04-23 18:31:11 +03:00			`<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>`

fix(html/codegen): Handle HTML entities correctly (#4782) 2022-05-27 11:39:30 +03:00			`<span title="test "with" &quot;">test</span>`
			`<span title="test "with" & quot">test</span>`
			`<span title="test "with" &test">test</span>`
			`<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>`
			`foo & bar`
			`foo&<i>bar</i>`
			`foo&&& bar`
			`</div>`

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

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

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

			`&oslash; &osLash; &Oslash;`
			`&oslash; &osLash; &Oslash;`
			`</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
test(html/codegen): Avoid newline at the end of file (#4815) 2022-05-27 08:35:17 +03:00			`</body></html>`