test: style element

tests/platform/element/element.spec.ts

@@ -58,4 +58,7 @@ test('element', async ({ page }) => {
 
   const testParagraphConstructor = page.locator('#testParagraphConstructor');
   await expect(testParagraphConstructor).toHaveText('HTMLParagraphElement HTMLParagraphElement');
+
+  const testStyleElement = page.locator('#testStyleElement');
+  await expect(testStyleElement).toHaveText('rgb(0, 0, 255)');
 });

tests/platform/element/index.html

@@ -269,6 +269,28 @@ <h1>Element</h1>
         </script>
       </li>
 
+      <li>
+        <strong>style element</strong>
+        <code id="testStyleElement"></code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.getElementById('testStyleElement');
+
+            const css = document.createTextNode(`
+              #testStyleElement {
+                color: blue;
+              }
+            `);
+            const style = document.createElement('style');
+            style.setAttribute('mph', '88');
+            style.appendChild(css);
+            document.head.appendChild(style);
+
+            elm.textContent = getComputedStyle(elm).color;
+          })();
+        </script>
+      </li>
+
       <script type="text/partytown">
         (function () {
           document.body.classList.add('completed');