115 lines
2.1 KiB
Plaintext
115 lines
2.1 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`lit-html.js 1`] = `
|
|
====================================options=====================================
|
|
parsers: ["babylon"]
|
|
printWidth: 80
|
|
| printWidth
|
|
=====================================input======================================
|
|
import { LitElement, html } from '@polymer/lit-element';
|
|
|
|
class MyElement extends LitElement {
|
|
static get properties() {
|
|
return {
|
|
mood: { type: String }
|
|
};
|
|
}
|
|
|
|
constructor() {
|
|
super();
|
|
this.mood = 'happy';
|
|
}
|
|
|
|
render() {
|
|
return html\`
|
|
<style
|
|
|
|
|
|
>
|
|
.mood { color: green; }
|
|
</style
|
|
|
|
|
|
|
|
>
|
|
|
|
Web Components are <span
|
|
|
|
|
|
class="mood" >\${
|
|
this.mood
|
|
|
|
}</span
|
|
|
|
>!
|
|
\`;
|
|
}
|
|
}
|
|
|
|
customElements.define('my-element', MyElement);
|
|
|
|
const someHtml1 = html\`<div > hello \${world} </div >\`;
|
|
const someHtml2 = /* HTML */ \`<div > hello \${world} </div >\`;
|
|
|
|
html\`\`
|
|
|
|
html\`<my-element obj=\${obj}></my-element>\`;
|
|
|
|
html\` <\${Footer} >footer content<// > \`
|
|
|
|
html\` <div /> \`
|
|
|
|
=====================================output=====================================
|
|
import { LitElement, html } from "@polymer/lit-element";
|
|
|
|
class MyElement extends LitElement {
|
|
static get properties() {
|
|
return {
|
|
mood: { type: String }
|
|
};
|
|
}
|
|
|
|
constructor() {
|
|
super();
|
|
this.mood = "happy";
|
|
}
|
|
|
|
render() {
|
|
return html\`
|
|
<style>
|
|
.mood {
|
|
color: green;
|
|
}
|
|
</style>
|
|
|
|
Web Components are <span class="mood">\${this.mood}</span>!
|
|
\`;
|
|
}
|
|
}
|
|
|
|
customElements.define("my-element", MyElement);
|
|
|
|
const someHtml1 = html\`
|
|
<div>hello \${world}</div>
|
|
\`;
|
|
const someHtml2 = /* HTML */ \`
|
|
<div>hello \${world}</div>
|
|
\`;
|
|
|
|
html\`\`;
|
|
|
|
html\`
|
|
<my-element obj=\${obj}></my-element>
|
|
\`;
|
|
|
|
html\`
|
|
<\${Footer}>footer content<//>
|
|
\`;
|
|
|
|
html\`
|
|
<div />
|
|
\`;
|
|
|
|
================================================================================
|
|
`;
|