1 files changed, 98 insertions, 0 deletions
diff --git a/test/snapshots/simple-lit-example.hmr.debug.ts b/test/snapshots/simple-lit-example.hmr.debug.ts
new file mode 100644
index 000000000..c30111ea3
--- /dev/null
+++ b/test/snapshots/simple-lit-example.hmr.debug.ts
@@ -0,0 +1,98 @@
+import {
+__HMRClient as Bun
+} from "http://localhost:8080/bun:wrap";
+Bun.activate(true);
+import {
+__HMRModule as HMR
+} from "http://localhost:8080/bun:wrap";
+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 hmr = new HMR(350135693, "simple-lit-example.ts"), exports = hmr.exports;
+(hmr._load = function() {
+  var loadedResolve;
+  var loadedPromise = new Promise((resolve) => {
+    loadedResolve = resolve;
+  });
+  if (document?.readyState === "loading")
+    document.addEventListener("DOMContentLoaded", () => {
+      loadedResolve();
+    }, { once: true });
+  else
+    loadedResolve();
+
+  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);
+  }
+  async function test() {
+    setup();
+    await loadedPromise;
+    let element = document.getElementById("my-element-id");
+    let shadowRoot = element.shadowRoot;
+    let planet = 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);
+  }
+  hmr.exportAll({
+    MyElement: () => MyElement,
+    test: () => test
+  });
+})();
+var $$hmr_MyElement = hmr.exports.MyElement, $$hmr_test = hmr.exports.test;
+hmr._update = function(exports) {
+  $$hmr_MyElement = exports.MyElement;
+  $$hmr_test = exports.test;
+};
+
+export {
+  $$hmr_MyElement as MyElement,
+  $$hmr_test as test
+};
+
+//# sourceMappingURL=http://localhost:8080/simple-lit-example.ts.map