From 8043d4c11f5bd2c7419c6b6994717ad480eb68a5 Mon Sep 17 00:00:00 2001
From: Daniel Freedman <dfreedm@google.com>
Date: Fri, 3 May 2019 16:49:32 -0700
Subject: [PATCH] Add test for class$ binding

---
 test/unit/styling-scoped.html | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/test/unit/styling-scoped.html b/test/unit/styling-scoped.html
index d3a429006b..696cab84bf 100644
--- a/test/unit/styling-scoped.html
+++ b/test/unit/styling-scoped.html
@@ -729,6 +729,31 @@
 </script>
   </dom-module>
 
+<script type="module">
+  import { PolymerElement, html } from '../../polymer-element.js';
+  class ClassBindingUndefined extends PolymerElement {
+    static get is() { return 'class-binding-undefined'; }
+    static get properties() {
+      return {
+        data: {
+          type: Object
+        }
+      };
+    }
+    static get template() {
+      return html`
+      <style>
+        div {
+          border: 10px solid black;
+        }
+      </style>
+      <div id="div" class$="[[data.class]]">Foo</div>
+      `;
+    }
+  }
+  customElements.define(ClassBindingUndefined.is, ClassBindingUndefined);
+</script>
+
 <script type="module">
 import { dom } from '../../lib/legacy/polymer.dom.js';
 import { flush } from '../../lib/utils/flush.js';
@@ -1015,6 +1040,13 @@
     assert.isTrue(el.classList.contains('e'));
   });
 
+  test('scoping classes are preserved when a class$ binding resolves to undefined', function() {
+    const e = document.createElement('class-binding-undefined');
+    document.body.appendChild(e);
+    const el = e.$.div;
+    assertComputed(el, '10px');
+  });
+
 });
 
 suite('double including style sheets', function() {