hyperhtml

Author: mrginglymus

libraries/hyperhtml/src/basic-tests.js

@@ -26,6 +26,7 @@ import {
   ComponentWithChildrenRerender,
   ComponentWithDifferentViews,
   ComponentWithProperties,
+  ComponentWithoutProperties,
   ComponentWithImperativeEvent,
   ComponentWithDeclarativeEvent
 } from "./components";
@@ -131,6 +132,16 @@ describe("basic support", function() {
       let data = wc.str || wc.getAttribute("str");
       expect(data).to.eql("hyperHTML");
     });
+
+    it('will not overwrite unwriteable properties', function () {
+      this.weight = 3;
+      ComponentWithoutProperties(root);
+      let wc = root.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() {

libraries/hyperhtml/src/components.js

@@ -18,6 +18,7 @@
 import 'ce-without-children';
 import 'ce-with-children';
 import 'ce-with-properties';
+import 'ce-without-properties';
 import 'ce-with-event';
 
 import HyperHTMLELement from 'hyperhtml-element/esm';
@@ -79,6 +80,16 @@ export const ComponentWithProperties = (root) => hyper(root)`
     ></ce-with-properties>
   </div>`;
 
+export const ComponentWithoutProperties = (root) => hyper(root)`
+  <div>
+    <ce-without-properties id="wc"
+      amethod="${"method"}"
+      agetter="${"getter"}"
+      areadonly="${"readonly"}"
+    ></ce-without-properties>
+  </div>
+`
+
 export class ComponentWithImperativeEvent extends HyperHTMLELement {
   created() {
     this.eventClicks = 0;