测试代码中的window.dispatchEvent不会触发window.addEventListener。开发者社区

相关文章推荐

骑白马的菠萝 · 航拍中国第三季，看看安庆出现了哪些镜头_哔哩 ...· 5 月前 ·

私奔的山楂 · 人际交往中，如何提高你的沟通能力|人际沟通| ...· 12 月前 ·

英勇无比的跑步鞋 · 湖南统计信息网- 抽样调查· 1 年前 ·

听话的汤圆 · 如何看待飞儿乐团的新主唱Lydia？ - 知乎· 1 年前 ·

玩命的吐司 · 美国航空公司与新西兰航空公司签署代码共享协议 ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

最新优惠活动

文章/答案/技术大牛

发布

window.addEventListener('message', (event) => {
    if (event.data.type === 'abc') {
      console.log(event.data.payload);
});

expect(jest.fn()).toHaveBeenCalledTimes(expected)
Expected number of calls: 1
Received number of calls: 0
  102 |     window.dispatchEvent(messageEvent);
  103 |
> 104 |     expect(listenerSpy).toHaveBeenCalledTimes(1);
      |                         ^

setTimeout(() => {
  fireAnEvent("message", this, MessageEvent, { data: message });
}, 0);

export function main() {
  window.addEventListener('message', (event) => {
    if (event.data.type === 'abc') {
      console.log(event.data.payload);
}

import { main } from './';
function flushMessageQueue(ms = 10) {
  return new Promise((resolve) => setTimeout(resolve, ms));
describe('71912032', () => {
  test('should pass', async () => {
    const logSpy = jest.spyOn(console, 'log');
    main();
    const data = { type: 'abc', payload: 'xyz' };
    window.postMessage(data, '*');
    await flushMessageQueue();
    expect(logSpy).toBeCalledWith('xyz');
});

 PASS  stackoverflow/71912032/index.test.ts
  71912032
    ✓ should pass (41 ms)
  console.log

推荐文章

骑白马的菠萝 · 航拍中国第三季，看看安庆出现了哪些镜头_哔哩哔哩_bilibili

5 月前

私奔的山楂 · 人际交往中，如何提高你的沟通能力|人际沟通|口才|口语|沟通技巧_ ...

12 月前

英勇无比的跑步鞋 · 湖南统计信息网- 抽样调查

1 年前

听话的汤圆 · 如何看待飞儿乐团的新主唱Lydia？ - 知乎

1 年前

玩命的吐司 · 美国航空公司与新西兰航空公司签署代码共享协议- 环球旅讯 ...

1 年前

问 测试代码中的window.dispatchEvent不会触发window.addEventListener。 EN

回答 2

Stack Overflow用户