omi

Author: mrginglymus

libraries/omi/src/basic-tests.js

@@ -102,6 +102,16 @@ describe("basic support", function () {
       expect(data).to.eql("Omi");
     });
 
+    it("will not overwrite unwriteable properties", function () {
+      this.weight = 3;
+      let root = render(<component-without-properties />, scratch);
+      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');
+    });
+
     // it('will set boolean attributes on a Custom Element that has not already been defined and upgraded', function () {
     //   let root = render(<component-with-unregistered />, scratch);
     //   let wc = root.shadowRoot.querySelector('#wc');

libraries/omi/src/components.js

@@ -3,6 +3,7 @@ import 'ce-without-children'
 import 'ce-with-children'
 import 'ce-with-properties'
 import 'ce-with-event'
+import 'ce-without-properties'
 
 define('component-without-children', _ => (
   <div>
@@ -78,6 +79,23 @@ define('component-with-properties', _ => {
 
 })
 
+define('component-without-properties', _ => {
+  const data = {
+    method: 'method',
+    getter: 'getter',
+    readonly: 'readonly'
+  }
+  return (
+    <div>
+      <ce-without-properties id="wc"
+        amethod={data.method}
+        agetter={data.getter}
+        areadonly={data.readonly}
+      ></ce-without-properties>
+    </div>
+  )
+})
+