Adds test to check removal of style blocks

enhance-dev · Aug 3, 2023 · 776dd04 · 776dd04
1 parent bb4ae76
commit 776dd04
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/test/mixin-test.html b/test/mixin-test.html
@@ -22,6 +22,11 @@
       const { attrs={} } = state
       const { heading='default' } = attrs
       return html`
+        <style>
+          :host {
+            color: red;
+          }
+        </style>
         <h1>${heading}</h1>
       `
     }
@@ -65,6 +70,11 @@ <h1>${heading}</h1>
           const textContentThree = testComponentThree.querySelector('h1').textContent
           assert.equal(textContentThree, 'three', 'Should expand template with heading')
         })
+        it('should remove style blocks', ()=> {
+          const testComponent = document.querySelector('my-element[heading="one"]')
+          const styles = testComponent.querySelector('style')
+          assert.isNull(styles)
+        })
       })
     })
   </script>