fix(web-worker): ensure event listener functions are bound correctly

packages/web-worker/src/pure.ts

@@ -102,8 +102,8 @@ export function defineWebWorker() {
           this.inside.emit(event.type, event)
           return true
         },
-        addEventListener: this.inside.on,
-        removeEventListener: this.inside.off,
+        addEventListener: this.inside.on.bind(this.inside),
+        removeEventListener: this.inside.off.bind(this.inside),
         postMessage: (data) => {
           this.outside.emit('message', { data })
         },

test/web-worker/src/eventListenerWorker.ts

@@ -0,0 +1,3 @@
+self.addEventListener('message', (e) => {
+  self.postMessage(`${e.data} world`)
+})

test/web-worker/test/init.test.ts

@@ -1,6 +1,7 @@
 import { expect, it } from 'vitest'
 
 import MyWorker from '../src/worker?worker'
+import MyEventListenerWorker from '../src/eventListenerWorker?worker'
 
 const testWorker = (worker: Worker) => {
   return new Promise<void>((resolve) => {
@@ -23,6 +24,12 @@ it('simple worker', async () => {
   await testWorker(new MyWorker())
 })
 
+it('event listener worker', async () => {
+  expect.assertions(1)
+
+  await testWorker(new MyEventListenerWorker())
+})
+
 it('can test workers several times', async () => {
   expect.assertions(1)