vitalif
/
prettier
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
prettier/tests/html_tags/__snapshots__/jsfmt.spec.js.snap

412 lines
11 KiB
Plaintext
Raw Normal View History

[WIP] feat: html support (#4753) * feat: html support * fix: support empty lines between children * refactor: isScriptTagNode util * refactor: rename `glimmer` and `handlebars` tests * fix don't add newline after `directive` node * fix: support `pre` tag * fix: don't trim comments content * fix: `script` and `style` tags output * feat: indent `head` and `body` inside `html` * fix: better handle quotes around attribute value * feat: better handle embed * tests: svg into html * fix: better handle boolean and empty attributes * chore(deps): update `parse5` to latest version * fix: better handle empty attribute * tests: fix * fix: extra newline in multiline node * fix: print `pre` and `textarea` in right way * tests: xhtml doctype * fix: use `>` instead `/>` * tests: case * refactor: remove `toLowerCase()` * feat: support `prettier-ignore` * tests: empty `script` and `style` tags * fix: clean * tests: refactor and more
2018-09-13 16:06:49 +03:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
fix(html): preserve case-sensitive tag names (#5101)
2018-09-19 07:53:38 +03:00
exports[`case-sensitive.html - parse5-verify 1`] = `
<CaseSensitive>hello world</CaseSensitive>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<CaseSensitive>hello world</CaseSensitive>
`;
[WIP] feat: html support (#4753) * feat: html support * fix: support empty lines between children * refactor: isScriptTagNode util * refactor: rename `glimmer` and `handlebars` tests * fix don't add newline after `directive` node * fix: support `pre` tag * fix: don't trim comments content * fix: `script` and `style` tags output * feat: indent `head` and `body` inside `html` * fix: better handle quotes around attribute value * feat: better handle embed * tests: svg into html * fix: better handle boolean and empty attributes * chore(deps): update `parse5` to latest version * fix: better handle empty attribute * tests: fix * fix: extra newline in multiline node * fix: print `pre` and `textarea` in right way * tests: xhtml doctype * fix: use `>` instead `/>` * tests: case * refactor: remove `toLowerCase()` * feat: support `prettier-ignore` * tests: empty `script` and `style` tags * fix: clean * tests: refactor and more
2018-09-13 16:06:49 +03:00
exports[`pre.html - parse5-verify 1`] = `
<pre>
--------------------------------------------------------------------------------
* * *
** ** ***
** ** *
**** *** **** ******** ******** *** ****
* *** * **** **** * *** ******** ******** *** *** **** **** *
* **** ** **** * *** ** ** *** * *** ** ****
** ** ** * *** ** ** ** * *** **
** ** ** ** *** ** ** ** ** *** **
** ** ** ******** ** ** ** ******** **
** ** ** ******* ** ** ** ******* **
** ** ** ** ** ** ** ** **
******* *** **** * ** ** ** **** * ***
****** *** ******* ** ** *** * ******* ***
** ***** *** *****
**
**
**
--------------------------------------------------------------------------------
</pre>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
<pre> Foo Bar </pre>
<pre>
Foo Bar
</pre>
<pre>Foo Bar
</pre>
<pre>
Foo Bar</pre>
<figure role="img" aria-labelledby="cow-caption">
<pre>
___________________________
< I'm an expert in my field. >
---------------------------
\\ ^__^
\\ (oo)\\_______
(__)\\ )\\/\\
||----w |
|| ||
___________________________
</pre>
<figcaption id="cow-caption">
A cow saying, "I'm an expert in my field." The cow is illustrated using preformatted text characters.
</figcaption>
</figure>
<pre data-attr-1="foo" data-attr-2="foo" data-attr-3="foo" data-attr-4="foo" data-attr-5="foo" data-attr-6="foo">
Foo Bar
</pre>
<div>
<div>
<div>
<div>
<pre>
______
STRING
______
</pre>
</div>
</div>
</div>
</div>
<pre></pre>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<pre>
--------------------------------------------------------------------------------
* * *
** ** ***
** ** *
**** *** **** ******** ******** *** ****
* *** * **** **** * *** ******** ******** *** *** **** **** *
* **** ** **** * *** ** ** *** * *** ** ****
** ** ** * *** ** ** ** * *** **
** ** ** ** *** ** ** ** ** *** **
** ** ** ******** ** ** ** ******** **
** ** ** ******* ** ** ** ******* **
** ** ** ** ** ** ** ** **
******* *** **** * ** ** ** **** * ***
****** *** ******* ** ** *** * ******* ***
** ***** *** *****
**
**
**
--------------------------------------------------------------------------------
</pre>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
<pre> Foo Bar </pre>
<pre>
Foo Bar
</pre>
<pre>Foo Bar
</pre>
<pre>
Foo Bar</pre>
<figure role="img" aria-labelledby="cow-caption">
<pre>
___________________________
< I'm an expert in my field. >
---------------------------
\\ ^__^
\\ (oo)\\_______
(__)\\ )\\/\\
||----w |
|| ||
___________________________
</pre>
<figcaption id="cow-caption">
A cow saying, "I'm an expert in my field." The cow is illustrated using preformatted text characters.
</figcaption>
</figure>
<pre
data-attr-1="foo"
data-attr-2="foo"
data-attr-3="foo"
data-attr-4="foo"
data-attr-5="foo"
data-attr-6="foo"
>
Foo Bar
</pre>
<div>
<div>
<div>
<div>
<pre>
______
STRING
______
</pre>
</div>
</div>
</div>
</div>
<pre></pre>
`;
exports[`tags.html - parse5-verify 1`] = `
<br/>
<br />
<br />
<br
/>
<br attribute-a />
<br very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute />
<br attribute-a="value" />
<br
attribute-a="value"
/>
<br very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="value" />
<br very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value" />
<br attribute-a="value" attribute-b="value" attribute-c="value" attribute-d="value" attribute-e="value" attribute-f="value" />
<div>string</div>
<div>very very very very very very very very very very very very very very very very long string</div>
<div very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute>string</div>
<div very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="value">string</div>
<div attribute="very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value">string</div>
<div attribute="value">very very very very very very very very very very very very very very very very long string</div>
<div attribute="value" attributea="value" attributeb="value" attributec="value" attributed="value" attributef="value">string</div>
<div attribute="value" attributea="value" attributeb="value" attributec="value" attributed="value" attributef="value">very very very very very very very very very very very very very very very very long string</div>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<div><div>string</div></div>
<div><div>string</div><div>string</div></div>
<div><div><div>string</div></div><div>string</div></div>
<div><div>string</div><div><div>string</div></div></div>
<div><div></div></div>
<div><div></div><div></div></div>
<div><div><div><div><div><div><div>string</div></div></div></div></div></div></div>
<div>
<div>string</div>
</div>
<div>
<div>string</div>
</div>
<div>
<div>string</div>
<div>string</div>
</div>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<br>
<br>
<br>
<br>
<br attribute-a>
<br
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute
>
<br attribute-a="value">
<br attribute-a="value">
<br very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="value">
<br very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value">
<br
attribute-a="value"
attribute-b="value"
attribute-c="value"
attribute-d="value"
attribute-e="value"
attribute-f="value"
>
<div>string</div>
<div>
very very very very very very very very very very very very very very very very long string
</div>
<div
very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute
>
string
</div>
<div very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-attribute="value">
string
</div>
<div attribute="very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-value">
string
</div>
<div attribute="value">
very very very very very very very very very very very very very very very very long string
</div>
<div
attribute="value"
attributea="value"
attributeb="value"
attributec="value"
attributed="value"
attributef="value"
>
string
</div>
<div
attribute="value"
attributea="value"
attributeb="value"
attributec="value"
attributed="value"
attributef="value"
>
very very very very very very very very very very very very very very very very long string
</div>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<div>
<div>string</div>
</div>
<div>
<div>string</div>
<div>string</div>
</div>
<div>
<div>
<div>string</div>
</div>
<div>string</div>
</div>
<div>
<div>string</div>
<div>
<div>string</div>
</div>
</div>
<div>
<div></div>
</div>
<div>
<div></div>
<div></div>
</div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>string</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>string</div>
</div>
<div>
<div>string</div>
</div>
<div>
<div>string</div>
<div>string</div>
</div>
`;
exports[`textarea.html - parse5-verify 1`] = `
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<textarea rows="10" cols="45" name="text">
String
</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<textarea></textarea>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<textarea rows="10" cols="45" name="text">
String
</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<textarea></textarea>
`;
exports[`unsupported.html - parse5-verify 1`] = `
<center></center>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<center></center>
`;