swc/crates/swc_html_minifier/tests/fixture/text/collapse-whitespace-conservative/output.min.html

<!doctype html><html lang=en><title>Document</title><div> test </div> <div> <p>blah</p> </div> <div><p>blah</div> <div>foo <a>baz</a> bar</div> <div>foo<a>baz</a>bar</div> <div>foo <a>baz</a>bar</div> <div>foo<a>baz</a> bar</div> <div>foo <a> baz </a> bar</div> <div>foo<a> baz </a>bar</div> <div>foo <a> baz </a> bar</div> <div>foo<a> baz </a> bar</div> <div>Foo Bar</div> <div> Foo Bar </div> <p> The quick brown fox jumps over the lazy dog. </p> <ul> <li>A</li> <li>B</li> <li>C</li> </ul> <p> Hey, I <em>just</em> found out about this <strong>cool</strong> website! <sup>[1]</sup> </p> <pre>

    Text

    <code>

        Text

    </code>

    <unknown-unknown>

        Text

    </unknown-unknown>

</pre> <div>foo bar</div> <textarea>


    Foo


</textarea> <div> <div>Text</div> </div> <unknown> <div>Text</div> </unknown> <div> </div> <svg version=1.1 viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style=width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1> <linearGradient id=gradient><stop class=begin offset=0% /><stop class=end offset=100% /></linearGradient> <rect x=0 y=0 width=100 height=100 style=fill:url(#gradient) /> <circle cx=50 cy=50 r=30 style=fill:url(#gradient) /> </svg> <svg viewBox="0 0 100 100"> <a href=/docs/Web/SVG/Element/circle> <circle cx=50 cy=40 r=35 /> </a> <a href=/docs/Web/SVG/Element/text> <text x=50 y=90 text-anchor=middle> &lt;circle> </text> </a> </svg> <script data-test=test></script> <script>console.log("test")</script> <xmp>

    test

</xmp> <div> foo <a> baz </a> bar foo <a> baz </a> bar foo <a> baz </a> bar </div> <div> foo <a> baz </a> bar foo <a> baz </a> bar foo <a> baz </a> bar </div> <div> foo <img src=https://prettier.io/icon.png> </div> <div> text <img src=https://colourlex.com/wp-content/uploads/2021/02/vine-black-painted-swatch.jpg alt=test> test </div> <span>test<script>console.log("test")</script>test</span> <span>test <script>console.log("test")</script> test</span> <div> <p>blah</p> </div> <div>test <br> test</div> <div>test <wbr> test</div> <div> a <input> c </div> <div> <div>a</div> <div>b</div> </div> <div><span> a </span> <span>b</span></div> <div><div>test</div> <span>test</span></div> <div> <div>test</div> <span>test</span> </div> <div> <span>test</span> <div>test</div> </div> <div> <span>test</span> <span>test</span> </div> <div> <div>test</div> <div>test</div> </div> <div> <span>test</span> <p>test</p> <p>test</p> <p>test</p> </div> <div> <p>test</p> <p>test</p> <p>test</p> <span>test</span> </div> <div> <a href=test> test </a> <a href=test>test</a> </div> <div> <a href=test>test</a><a href=test>test</a> </div> <div> <p>blah</p> </div> <div>test <button>test</button></div> <div><button>test</button> <button>test</button></div> <div>foo <button>test</button> foo</div> <div>foo<button>test</button>foo</div> <div>foo <button>test</button>foo</div> <div>foo<button>test</button> foo</div> <div>foo<button> test </button>foo</div> <div>foo <button> test </button>foo</div> <div>foo<button> test </button> foo</div> <div><span> foo </span></div> <p>foo <img> bar</p> <p>foo<img>bar</p> <p>foo <img>bar</p> <p>foo<img> bar</p> <p>foo <wbr> bar</p> <p>foo <br> bar</p> <p>foo <nobr>a</nobr> bar</p> <div> fo o </div> <div> fo o </div> <p></p> <p>a b</p> <div class=leaveAlone></div><div> foo bar </div> <div class=leaveAlone><div></div><span> </span> foo bar</div> <div class=leaveAlone><span> </span> foo bar</div> <p>foo <span></span></p> <p>foo<span></span></p> <div>foo <button> test </button> foo</div> <div>foo <button> test </button> foo <button> test </button> foo</div> <div> foo <span>foo</span> foo</div> <div> foo<span> foo</span>foo </div> <div> <span>a </span> b<span> c</span> </div> <div> <span>a </span> b <span> c</span> </div> <div> <span>a </span> b <span>c</span> </div> <div>foo <span> baz</span></div> <div>foo <span>baz</span></div> <div>foo<span> baz</span></div> <div>foo<span>baz</span></div> <span>test </span><span><span><span><span>foo <span>baz</span></span></span></span></span> <span><span><span><span>foo <span>baz</span></span></span></span></span><span>test </span> <div>test </div><span><span><span><span>foo <span>baz</span></span></span></span></span> <span><span><span><span>foo <span>baz</span></span></span></span></span><div>test </div> <div><b> foo </b></div> <div><div> </div></div> <pre>
    foo
    
    baz
</pre> <div> a <input> c </div> <div>Empty </div> <!--[if lte IE 6]> <span>A</span> <span title=" sigificant     whitespace   ">blah blah</span> <![endif]--> <div> <a href=#> <span> <b> foo </b> <i> bar </i> </span> </a> </div> <div>a b</div> <div>a b c d</div> <div> text </div> <span> text </span> <span> text </span>
-												feat(html/minifier): Improve smart mode (#5004)


											
										
										
											2022-06-26 22:08:03 +03:00
+								<!doctype html><html lang=en><title>Document</title><div> test </div> <div> <p>blah</p> </div> <div><p>blah</div> <div>foo <a>baz</a> bar</div> <div>foo<a>baz</a>bar</div> <div>foo <a>baz</a>bar</div> <div>foo<a>baz</a> bar</div> <div>foo <a> baz </a> bar</div> <div>foo<a> baz </a>bar</div> <div>foo <a> baz </a> bar</div> <div>foo<a> baz </a> bar</div> <div>Foo Bar</div> <div> Foo Bar </div> <p> The quick brown fox jumps over the lazy dog. </p> <ul> <li>A</li> <li>B</li> <li>C</li> </ul> <p> Hey, I <em>just</em> found out about this <strong>cool</strong> website! <sup>[1]</sup> </p> <pre>
-												feat(html/minifier): Compress whitespaces (#4916)


											
										
										
											2022-06-13 16:55:03 +03:00
 								    Text
 								    <code>
 								        Text
 								    </code>
 								    <unknown-unknown>
 								        Text
 								    </unknown-unknown>
 								</pre> <div>foo bar</div> <textarea>
 								    Foo
-												feat(html/minifier): Remove empty metadata elements (#5085)


											
										
										
											2022-07-02 06:25:23 +03:00
+								</textarea> <div> <div>Text</div> </div> <unknown> <div>Text</div> </unknown> <div> </div> <svg version=1.1 viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style=width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1> <linearGradient id=gradient><stop class=begin offset=0% /><stop class=end offset=100% /></linearGradient> <rect x=0 y=0 width=100 height=100 style=fill:url(#gradient) /> <circle cx=50 cy=50 r=30 style=fill:url(#gradient) /> </svg> <svg viewBox="0 0 100 100"> <a href=/docs/Web/SVG/Element/circle> <circle cx=50 cy=40 r=35 /> </a> <a href=/docs/Web/SVG/Element/text> <text x=50 y=90 text-anchor=middle> &lt;circle> </text> </a> </svg> <script data-test=test></script> <script>console.log("test")</script> <xmp>
-												feat(html/minifier): Compress whitespaces (#4916)


											
										
										
											2022-06-13 16:55:03 +03:00
 								    test
-												fix(html/minifier): Fix smart mode (#5058)


											
										
										
											2022-06-29 15:30:28 +03:00
+								</xmp> <div> foo <a> baz </a> bar foo <a> baz </a> bar foo <a> baz </a> bar </div> <div> foo <a> baz </a> bar foo <a> baz </a> bar foo <a> baz </a> bar </div> <div> foo <img src=https://prettier.io/icon.png> </div> <div> text <img src=https://colourlex.com/wp-content/uploads/2021/02/vine-black-painted-swatch.jpg alt=test> test </div> <span>test<script>console.log("test")</script>test</span> <span>test <script>console.log("test")</script> test</span> <div> <p>blah</p> </div> <div>test <br> test</div> <div>test <wbr> test</div> <div> a <input> c </div> <div> <div>a</div> <div>b</div> </div> <div><span> a </span> <span>b</span></div> <div><div>test</div> <span>test</span></div> <div> <div>test</div> <span>test</span> </div> <div> <span>test</span> <div>test</div> </div> <div> <span>test</span> <span>test</span> </div> <div> <div>test</div> <div>test</div> </div> <div> <span>test</span> <p>test</p> <p>test</p> <p>test</p> </div> <div> <p>test</p> <p>test</p> <p>test</p> <span>test</span> </div> <div> <a href=test> test </a> <a href=test>test</a> </div> <div> <a href=test>test</a><a href=test>test</a> </div> <div> <p>blah</p> </div> <div>test <button>test</button></div> <div><button>test</button> <button>test</button></div> <div>foo <button>test</button> foo</div> <div>foo<button>test</button>foo</div> <div>foo <button>test</button>foo</div> <div>foo<button>test</button> foo</div> <div>foo<button> test </button>foo</div> <div>foo <button> test </button>foo</div> <div>foo<button> test </button> foo</div> <div><span> foo </span></div> <p>foo <img> bar</p> <p>foo<img>bar</p> <p>foo <img>bar</p> <p>foo<img> bar</p> <p>foo <wbr> bar</p> <p>foo <br> bar</p> <p>foo <nobr>a</nobr> bar</p> <div> fo o </div> <div> fo o </div> <p></p> <p>a b</p> <div class=leaveAlone></div><div> foo bar </div> <div class=leaveAlone><div></div><span> </span> foo bar</div> <div class=leaveAlone><span> </span> foo bar</div> <p>foo <span></span></p> <p>foo<span></span></p> <div>foo <button> test </button> foo</div> <div>foo <button> test </button> foo <button> test </button> foo</div> <div> foo <span>foo</span> foo</div> <div> foo<span> foo</span>foo </div> <div> <span>a </span> b<span> c</span> </div> <div> <span>a </span> b <span> c</span> </div> <div> <span>a </span> b <span>c</span> </div> <div>foo <span> baz</span></div> <div>foo <span>baz</span></div> <div>foo<span> baz</span></div> <div>foo<span>baz</span></div> <span>test </span><span><span><span><span>foo <span>baz</span></span></span></span></span> <span><span><span><span>foo <span>baz</span></span></span></span></span><span>test </span> <div>test </div><span><span><span><span>foo <span>baz</span></span></span></span></span> <span><span><span><span>foo <span>baz</span></span></span></span></span><div>test </div> <div><b> foo </b></div> <div><div> </div></div> <pre>
 								    foo
 								    baz
 								</pre> <div> a <input> c </div> <div>Empty </div> <!--[if lte IE 6]> <span>A</span> <span title=" sigificant     whitespace   ">blah blah</span> <![endif]--> <div> <a href=#> <span> <b> foo </b> <i> bar </i> </span> </a> </div> <div>a b</div> <div>a b c d</div> <div> text </div> <span> text </span> <span> text </span>