From d364e48cd65d35f5318d5366eb02a9a0cca640e1 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@users.noreply.github.com>
Date: Sun, 3 Oct 2021 08:26:00 -0500
Subject: [PATCH] window.screen

---
 src/lib/web-worker/worker-global.ts  |  1 +
 tests/platform/window/index.html     | 21 +++++++++++++++++++++
 tests/platform/window/window.spec.ts |  3 +++
 3 files changed, 25 insertions(+)

diff --git a/src/lib/web-worker/worker-global.ts b/src/lib/web-worker/worker-global.ts
index a3cbdba1..2e5741fa 100644
--- a/src/lib/web-worker/worker-global.ts
+++ b/src/lib/web-worker/worker-global.ts
@@ -41,6 +41,7 @@ export const initWebWorkerGlobal = (
   self.document = constructInstance(InterfaceType.Document, PlatformInstanceId.document);
   self.history = proxy(InterfaceType.History, self, ['history']);
   self.localStorage = proxy(InterfaceType.Storage, self, ['localStorage']);
+  self.screen = proxy(InterfaceType.Object, self, ['screen']);
   self.sessionStorage = proxy(InterfaceType.Storage, self, ['sessionStorage']);
 
   navigator.sendBeacon = sendBeacon;
diff --git a/tests/platform/window/index.html b/tests/platform/window/index.html
index 6ec1cd48..16c9fcf5 100644
--- a/tests/platform/window/index.html
+++ b/tests/platform/window/index.html
@@ -147,6 +147,27 @@ <h1>Window</h1>
         </script>
       </li>
 
+      <li>
+        <strong>screen</strong>
+        <code>
+          <span id="testScreen"></span>
+          <span id="testScreenHasWidth"></span>
+          <span id="testScreenOrientation"></span>
+        </code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.getElementById('testScreen');
+            elm.textContent = `${screen.width}x${screen.height}`;
+            const elm2 = document.getElementById('testScreenHasWidth');
+            elm2.textContent = screen.width > 10;
+
+            const elm3 = document.getElementById('testScreenOrientation');
+            const orientation = screen.orientation;
+            elm3.textContent = (screen.orientation || {}).type;
+          })();
+        </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 663e108f..3e471d8c 100644
--- a/tests/platform/window/window.spec.ts
+++ b/tests/platform/window/window.spec.ts
@@ -26,4 +26,7 @@ test('window', async ({ page }) => {
   const mainHTMLConstructors = page.locator('#mainHTMLConstructors');
   const main = await mainHTMLConstructors.innerText();
   expect(ww).toBe(main);
+
+  const testScreenHasWidth = page.locator('#testScreenHasWidth');
+  await expect(testScreenHasWidth).toHaveText('true');
 });