lit

Author: mrginglymus

libraries/lit/src/basic-tests.js

@@ -128,6 +128,20 @@ describe("basic support", function() {
     });
   });
 
+  describe("without properties", () => {
+    it("will not overwrite unwritable properties", async function() {
+      this.weight = 3;
+      const root = document.createElement("component-without-properties");
+      scratch.appendChild(root);
+      await root.updateComplete;
+      const wc = root.shadowRoot.querySelector("#wc");
+      expect(wc.getAttribute('amethod')).to.eql('method');
+      expect(wc.getAttribute('agetter')).to.eql('getter');
+      expect(wc.getAttribute('areadonly')).to.eql('readonly');
+      expect(wc.innerHTML).to.eql('Success');
+    });
+  });
+
   describe("events", function() {
     it("can imperatively listen to a DOM event dispatched by a Custom Element", async function() {
       this.weight = 3;

libraries/lit/src/components.js

@@ -3,5 +3,6 @@ import "./components/component-with-children.js";
 import "./components/component-with-children-rerender.js";
 import "./components/component-with-different-views.js";
 import "./components/component-with-properties.js";
+import "./components/component-without-properties.js";
 import "./components/component-with-imperative-event.js";
 import "./components/component-with-declarative-event.js";

libraries/lit/src/components/component-without-properties.js

@@ -0,0 +1,26 @@
+import { LitElement, html } from "lit";
+import "ce-without-properties";
+
+class ComponentWithoutProperties extends LitElement {
+
+  static get properties() {
+    return {};
+  }
+
+  render() {
+    return html`
+      <div>
+        <ce-without-properties
+          id="wc"
+          amethod="${"method"}"
+          agetter="${"getter"}"
+          areadonly="${"readonly"}"
+        ></ce-without-properties>
+      </div>
+    `;
+  }
+}
+customElements.define(
+  "component-without-properties",
+  ComponentWithoutProperties
+);