add test for legacy Polymer({}) elements

Polymer · Dec 7, 2017 · 8a1c76c · 8a1c76c
1 parent 02c06aa
commit 8a1c76c
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/test/unit/html-tag.html b/test/unit/html-tag.html
@@ -92,6 +92,19 @@
         }
 
         customElements.define(HtmlFnSub.is, HtmlFnSub);
+
+        Polymer({
+          is: 'html-legacy',
+          _template: Polymer.html`
+            <div id="child">[[databoundProperty]]</div>
+          `,
+          properties: {
+            databoundProperty: {
+              type: String,
+              value: 'legacy'
+            }
+          }
+        });
       });
 
       test('Polymer elements can use html fn', function () {
@@ -108,6 +121,13 @@
         assert(el.$.child);
         assert.equal(el.$.child.textContent.trim(), 'second');
       });
+
+      test('legacy element works with html fn', function() {
+        let el = document.createElement('html-legacy');
+        document.body.appendChild(el);
+        assert(el.shadowRoot);
+        assert.equal(el.$.child.textContent.trim(), 'legacy');
+      });
     });
   </script>
 </body>