skate

Author: mrginglymus

libraries/skate/src/basic-tests.js

@@ -138,6 +138,20 @@ describe("basic support", function() {
     });
   });
 
+  describe("without properties", function() {
+    it("will not overwrite unwriteable properties", async function() {
+      this.weight = 3;
+      let root = document.createElement('component-without-properties');
+      scratch.appendChild(root);
+      await Promise.resolve();
+      let 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/skate/src/components.js

@@ -23,6 +23,7 @@ import { h } from "preact";
 import "ce-without-children";
 import "ce-with-children";
 import "ce-with-properties";
+import "ce-without-properties";
 import "ce-with-event";
 
 export class ComponentWithoutChildren extends withComponent(withPreact()) {
@@ -128,6 +129,27 @@ export class ComponentWithProperties extends withComponent(withPreact()) {
 }
 customElements.define("component-with-properties", ComponentWithProperties);
 
+export class ComponentWithoutProperties extends withComponent(withPreact()) {
+  render() {
+    const data = {
+      getter: 'getter',
+      readonly: 'readonly',
+      method: 'method',
+    }
+    return (
+      <div>
+        <ce-without-properties
+          id="wc"
+          agetter={data.getter}
+          areadonly={data.readonly}
+          amethod={data.method}
+        ></ce-without-properties>
+      </div>
+    )
+  }
+}
+customElements.define("component-without-properties", ComponentWithoutProperties)
+
 export class ComponentWithUnregistered extends withComponent(withPreact()) {
   render() {
     const data = {