fix: navigator (#381)

Co-authored-by: vinay gosain <vinay.gosain@olx.com>

src/lib/web-worker/worker-navigator.ts

@@ -38,5 +38,10 @@ export const createNavigator = (env: WebWorkerEnvironment) => {
     nav[key] = (navigator as any)[key];
   }
 
-  return nav;
+  return new Proxy(nav, {
+    set(_, propName, propValue) {
+        (navigator as any)[propName] = propValue;
+      return true;
+    },
+  });
 };

tests/platform/navigator/index.html

@@ -83,6 +83,18 @@ <h1>Navigator</h1>
           })();
         </script>
       </li>
+      <li>
+        <strong>Assign value 5 to navigator.a</strong>
+        <code id="testNavKey"></code>
+        <script type="text/partytown">
+          (function () {
+            const elm = document.getElementById('testNavKey');
+            navigator.a=5;
+            elm.textContent = navigator.a;
+            elm.className = 'testNavKey';
+          })();
+        </script>
+      </li>
     </ul>
 
     <hr />

tests/platform/navigator/navigator.spec.ts

@@ -5,9 +5,13 @@ test('navigator', async ({ page }) => {
 
   const testUserAgent = await page.waitForSelector('.testUserAgent');
   const ua = await testUserAgent.textContent();
-  expect(ua.startsWith('Mozilla/5.0')).toBe(true);
+  expect(ua?.startsWith('Mozilla/5.0')).toBe(true);
 
   await page.waitForSelector('.testSendBeacon');
   const testSendBeacon = page.locator('#testSendBeacon');
   await expect(testSendBeacon).toContainText('true');
+
+  await page.waitForSelector('.testNavKey');
+  const testNavKey = page.locator('#testNavKey');
+  await expect(testNavKey).toContainText('5');
 });