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

95 lines
3.2 KiB
HTML
Raw Normal View History

<!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="
2022-04-07 08:12:54 +03:00
" lang="" dir="">x</p>
<p onclick="" ondblclick=" " onmousedown="" onmouseup="" onmouseover=" " onmousemove="" onmouseout="" onkeypress="
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>
<br>x<br>
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>
<a title="x" href=" ">foo
2022-04-07 08:12:54 +03:00
<p id="" class="" title="">x</p>
<p x="x'">x</p>
<p x='x"'>x</p>
<a href="#"><p>Click me</p>
2022-04-07 08:12:54 +03:00
<span><button>Hit me</button></span>
<!--TODO FIX ME -->
<!--<object type="image/svg+xml" data="image.svg"><div>[fallback image]</div></object>-->
2022-04-07 08:12:54 +03:00
<img class="user-image" src="http://adasdasdasd.cloudfront.net/users/2011/05/24/4asdasd/asdasd.jpg">
2022-04-08 12:19:58 +03:00
<div data-foo></div>
<div data-foo=""></div>
<div data-foo=""></div>
2022-04-08 12:19:58 +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>
2022-04-08 12:19:58 +03:00
</a></a></body></html>