fix: preserve this inside addEventListener (#496)

Co-authored-by: Vladimir Panov <vladimir.panov@motorsport.com>

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

@@ -463,7 +463,7 @@ export const createWindow = (
         win.Worker = undefined;
       }
 
-      addEventListener(...args: any[]) {
+      addEventListener = (...args: any[]) => {
         if (args[0] === 'load') {
           if (env.$runWindowLoadEvent$) {
             setTimeout(() => args[1]({ type: 'load' }));

tests/platform/event/event.spec.ts

@@ -58,4 +58,13 @@ test('events', async ({ page }) => {
   await page.waitForSelector('.testPreventDefault');
   const testPreventDefault = page.locator('#testPreventDefault');
   await expect(testPreventDefault).toHaveText('preventDefault-noop');
+
+  await page.locator('body').dblclick();
+
+  const testWinAddEventListenerNoContext = page.locator('#testWinAddEventListenerNoContext');
+  await expect(testWinAddEventListenerNoContext).toHaveText('Window dblclick');
+  const testWinAddEventListenerNoContextCount = page.locator(
+    '#testWinAddEventListenerNoContextCount'
+  );
+  await expect(testWinAddEventListenerNoContextCount).toHaveText('1');
 });

tests/platform/event/index.html

@@ -115,6 +115,22 @@ <h1>Event</h1>
         </script>
       </li>
 
+      <li>
+        <strong>(window.attachEvent || window.addEventListener)('dblclick')</strong>
+        <code id="testWinAddEventListenerNoContextCount">0</code>
+        <code id="testWinAddEventListenerNoContext"></code>
+        <script type="text/partytown">
+          (function () {
+            let count = 0;
+            (window.attachEvent || window.addEventListener)('dblclick', function (ev) {
+              document.getElementById('testWinAddEventListenerNoContextCount').textContent = ++count;
+              document.getElementById('testWinAddEventListenerNoContext').textContent =
+                this.constructor.name + ' ' + ev.type;
+            });
+          })();
+        </script>
+      </li>
+
       <li>
         <strong>document.createEvent('Event')</strong>
         <code id="testCreateEvent" class="currentTarget"></code>