不是带有 Jest 和 JSDOM 的 window.addEventListener 的 EventTarget 回调

Question

我正在尝试对此代码进行 Jest jsdom测试：

export function addGenericEventListeners () {
  const event: EventListener = (_: Event) => {}
  window.addEventListener('load', event)
}

现在我只是想让 function 不进行测试：

test('addGenericEventListeners', () => {
  const sut = addGenericEventListeners()
  expect(sut).toBeFalsy()
})

我收到此错误，但无法弄清楚原因：

TypeError: 'addEventListener' called on an object that is not a valid instance of EventTarget.

   96 |     storedListeners.refs.push({ type, listener, options })
   97 |     /** Call original window.addEventListener */
>  98 |     storedListeners.fn(type, listener, options)
      |                     ^
   99 |   }
  100 | }
  101 |

at Object.addEventListener (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:101:15)
at global.<computed>.addEventListener (test/jest/jest.setup.jsdom.ts:98:21)
at addGenericEventListeners (src/assets/script/utils/listeners.ts:33:10)
at Object.<anonymous> (src/assets/script/utils/__tests__/listeners.spec.ts:36:41)

我已经尝试了很多变体，并且在传递给addGenericEventListeners的回调上的 JSDOM EventTarget.js文件中执行了测试。

Intellisense 为addEventListener显示此签名。 我已经尝试过没有在事件回调（ EventListener ）上输入，所以类型被推断出来，并得到了相同的结果。

addEventListener<"load">(type: "load", listener: (this: Window, ev: Event) => any, options?: boolean | AddEventListenerOptions): void

此代码发生错误（来自 JSDOM 中的多个文件）：

const implSymbol = Symbol("impl")
...
exports.is = value => {
  return utils.isObject(value) && utils.hasOwn(value, implSymbol) && value[implSymbol] instanceof Impl.implementation;
}

JSDOM 的EventTarget.js中抛出的行是这样的：

addEventListener(type, callback) {
  const esValue = this !== null && this !== undefined ? this : globalObject;
  if (!exports.is(esValue)) {
    throw new globalObject.TypeError(
      "'addEventListener' called on an object that is not a valid instance of EventTarget."
    )
      }

VS Code 调试器显示我同时拥有this和globalObject值。 我认为问题是我的事件处理程序回调中没有 JSDOM 的魔法符号？

感谢任何帮助，我不知道如何在 JSDOM 中测试事件侦听器。 我在 web 工作中发现的所有示例都没有（他们都扔了）。