From c02a2ed12b555253cae9769ba45cdb6e9ef18631 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@users.noreply.github.com>
Date: Sat, 15 Jan 2022 11:34:24 -0600
Subject: [PATCH] test: getComputedStyle(elm).getPropertyValue()

---
 tests/platform/window/index.html     | 31 ++++++++++++++++++++++++++--
 tests/platform/window/window.spec.ts | 11 +++++++++-
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/tests/platform/window/index.html b/tests/platform/window/index.html
index a5d468c6..fd40360a 100644
--- a/tests/platform/window/index.html
+++ b/tests/platform/window/index.html
@@ -139,8 +139,21 @@ <h1>Window</h1>
         <script type="text/partytown">
           (function () {
             const elm = document.getElementById('testGetComputedStyle');
-            const style = getComputedStyle(elm);
-            elm.textContent = style.color;
+            const style1 = getComputedStyle(elm);
+            const style2 = getComputedStyle(elm);
+            elm.textContent = style1.color + ' ' + (JSON.stringify(style1) === JSON.stringify(style2));
+          })();
+        </script>
+      </li>
+
+      <li>
+        <strong>getComputedStyle().getPropertyValue('color')</strong>
+        <code id="testGetComputedStyleGetPropertyValue" style="color: limegreen"></code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.getElementById('testGetComputedStyleGetPropertyValue');
+            const cs = getComputedStyle(elm);
+            elm.textContent = cs.getPropertyValue('color');
           })();
         </script>
       </li>
@@ -671,6 +684,20 @@ <h1>Window</h1>
         </script>
       </li>
 
+      <li>
+        <strong>MediaSource.isTypeSupported()</strong>
+        <code id="testIsTypeSupported"></code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.getElementById('testIsTypeSupported');
+            const isTypeSupported = MediaSource.isTypeSupported(
+              'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
+            );
+            elm.textContent = String(isTypeSupported);
+          })();
+        </script>
+      </li>
+
       <script type="text/partytown">
         (function () {
           document.body.classList.add('completed');
diff --git a/tests/platform/window/window.spec.ts b/tests/platform/window/window.spec.ts
index afadeda6..addce57d 100644
--- a/tests/platform/window/window.spec.ts
+++ b/tests/platform/window/window.spec.ts
@@ -27,7 +27,12 @@ test('window', async ({ page }) => {
   await expect(testNameEquals).toHaveText('true');
 
   const testComputedStyle = page.locator('#testGetComputedStyle');
-  await expect(testComputedStyle).toHaveText('rgb(128, 0, 128)');
+  await expect(testComputedStyle).toHaveText('rgb(128, 0, 128) true');
+
+  const testGetComputedStyleGetPropertyValue = page.locator(
+    '#testGetComputedStyleGetPropertyValue'
+  );
+  await expect(testGetComputedStyleGetPropertyValue).toHaveText('rgb(50, 205, 50)');
 
   await page.waitForSelector('.testRaf');
 
@@ -132,4 +137,8 @@ test('window', async ({ page }) => {
 
   const testTrustedTypes = page.locator('#testTrustedTypes');
   await expect(testTrustedTypes).toHaveText('true');
+
+  // TODO: test in CI
+  // const testIsTypeSupported = page.locator('#testIsTypeSupported');
+  // await expect(testIsTypeSupported).toHaveText('true');
 });