diff options
Diffstat (limited to 'test/snapshots/simple-lit-example.debug.ts')
-rw-r--r-- | test/snapshots/simple-lit-example.debug.ts | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/test/snapshots/simple-lit-example.debug.ts b/test/snapshots/simple-lit-example.debug.ts new file mode 100644 index 000000000..b4ba4f607 --- /dev/null +++ b/test/snapshots/simple-lit-example.debug.ts @@ -0,0 +1,73 @@ +import { +__decorateClass as __decorateClass_4b4920c627822e1f +} from "http://localhost:8080/bun:wrap"; +import {LitElement, html, css} from "http://localhost:8080/node_modules/lit/index.js"; +import {customElement, property, eventOptions} from "http://localhost:8080/node_modules/lit/decorators.js"; +var loadedResolve; +var loadedPromise = new Promise((resolve) => { + loadedResolve = resolve; +}); +if (document?.readyState === "loading") + document.addEventListener("DOMContentLoaded", () => { + loadedResolve(); + }, { once: true }); +else + loadedResolve(); + +export class MyElement extends LitElement { + constructor() { + super(...arguments); + this.planet = "Earth"; + } + static styles = css` + :host { + display: inline-block; + padding: 10px; + background: lightgray; + } + .planet { + color: var(--planet-color, blue); + } + `; + render() { + return html` + <span @click=${this.togglePlanet} class="planet" id="planet-id" + >${this.planet}</span + > + `; + } + togglePlanet() { + this.planet = this.planet === "Earth" ? "Mars" : "Earth"; + } +} +__decorateClass_4b4920c627822e1f([ + property() +], MyElement.prototype, "planet", 2); +__decorateClass_4b4920c627822e1f([ + eventOptions({ once: true }) +], MyElement.prototype, "togglePlanet", 1); +MyElement = __decorateClass_4b4920c627822e1f([ + customElement("my-element") +], MyElement); +function setup() { + let element = document.createElement("my-element"); + element.id = "my-element-id"; + document.body.appendChild(element); +} +export async function test() { + setup(); + await loadedPromise; + let element = document.getElementById("my-element-id"); + let planet = element.shadowRoot.getElementById("planet-id"); + if (element.__planet !== "Earth") + throw new Error("Unexpected planet name: " + element.__planet); + planet.click(); + if (element.__planet !== "Mars") + throw new Error("Unexpected planet name: " + element.__planet); + planet.click(); + if (element.__planet !== "Mars") + throw new Error("Unexpected planet name: " + element.__planet); + return testDone(import.meta.url); +} + +//# sourceMappingURL=http://localhost:8080/simple-lit-example.ts.map |