Add test case for applying multiple scoped styles to a DOM tree

ryanmorr · May 29, 2020 · dfe58e3 · dfe58e3
1 parent 621eb2f
commit dfe58e3
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/test/specs/scoped.js b/test/specs/scoped.js
@@ -111,4 +111,29 @@ describe('scoped', () => {
 
         div.remove();
     });
+
+    it('should support multiple scoped styles', () => {
+        const element = document.createElement('div');
+        element.classList.add('foo');
+        document.body.appendChild(element);
+
+        const width = scoped(`
+            .foo {
+                width: 41px;
+            }
+        `);
+
+        const height = scoped(`
+            .foo {
+                height: 26px;
+            }
+        `);
+
+        width(height(element));
+
+        expect(window.getComputedStyle(element).getPropertyValue('width')).to.equal('41px');
+        expect(window.getComputedStyle(element).getPropertyValue('height')).to.equal('26px');
+
+        element.remove();
+    });
 });