polymer

Author: mrginglymus

libraries/polymer/src/basic-tests.js

@@ -124,6 +124,19 @@ describe("basic support", function() {
     });
   });
 
+  describe("without properties", () => {
+    it('will not overwrite unwriteable properties', function () {
+      this.weight = 3;
+      const root = document.createElement("component-without-properties");
+      scratch.appendChild(root);
+      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/polymer/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/polymer/src/components/component-without-properties.js

@@ -0,0 +1,39 @@
+import { PolymerElement, html } from "@polymer/polymer/polymer-element.js";
+import "ce-without-properties";
+
+class ComponentWithoutProperties extends PolymerElement {
+  static get is() {
+    return "component-without-properties";
+  }
+  static get properties() {
+    return {
+      method: {
+        type: String,
+        value: 'method'
+      },
+      getter: {
+        type: String,
+        value: 'getter'
+      },
+      readonly: {
+        type: String,
+        value: 'readonly'
+      },
+    };
+  }
+  static get template() {
+    return html`
+      <div>
+        <ce-without-properties id="wc"
+          amethod="[[method]]"
+          agetter="[[getter]]"
+          readonly="[[readonly]]"
+        ></ce-without-properties>
+      </div>
+    `;
+  }
+}
+window.customElements.define(
+  ComponentWithoutProperties.is,
+  ComponentWithoutProperties
+);