Fix: bind fake event target to self #77 (#166)

fix: bind event target to self

Author: banyudu

src/misc/event-emitter.js

@@ -38,6 +38,10 @@ export const EventEmitter = function (nodeStyle) {
     const event = args.shift();
     if (!nodeStyle) {
       args[0] = mergeObjects(args[0], fakeEvent(event));
+      Object.defineProperty(args[0], "target", {
+        writable: false,
+        value: this,
+      });
     }
     const legacylistener = emitter[`on${event}`];
     if (legacylistener) {

tests/event-target.spec.ts

@@ -0,0 +1,16 @@
+import { test, expect } from "@playwright/test";
+
+test("event target should be xhr self", async ({ page }) => {
+  await page.goto("http://127.0.0.1:8080/example/common.html");
+  const res = await page.evaluate(async () => {
+    return new Promise(resolve => {
+      const xhr = new XMLHttpRequest();
+      xhr.open("GET", "example1.txt");
+      xhr.addEventListener("load", function (e) {
+        resolve(e.target === xhr);
+      });
+      xhr.send();
+    });
+  });
+  expect(res).toEqual(true);
+});