window.screen

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;

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');

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');
 });