예상한 CustomEvent()를 사용하여 리스너가 호출되는지 테스트합니다.

오늘 테스트에 문제가 있다는 것을 깨달았습니다(농담)

CustomEvents를 발생시키는 함수가 있습니다

Jest 테스트에서는 리스너를 정의하고 예상되는 이벤트와 함께 호출되는지 확인합니다

---

커스텀 이벤트의 세부정보(내부 개체)를 변경해 보았습니다

...그리고 테스트는 아직 통과 중이던가요?

  test('events.voiceEvent() emits "CustomEvent{ lavoiceevent }" event', () => {
    const expectedEvent = new CustomEvent('lavoiceevent', {
      detail: { event: 'USER_SAID_HELLO_ERRRRROR' },
    });

    window.addEventListener('lavoiceevent', listener);
    events.voiceEvent('USER_SAID_HELLO');

    expect(listener).toHaveBeenCalledWith(expectedEvent); // ✅
    expect(listener).toHaveBeenCalledTimes(1);
  });

문제는 이 줄이 예상대로 작동하지 않는다는 것입니다(이벤트 직렬화와 관련된 문제)

  expect(listener).toHaveBeenCalledWith(expectedEvent)

이 문제를 해결하려면(그리고 테스트에서 이벤트의 세부 사항을 확인하도록 하려면) "mock.calls"를 다음과 같이 사용해야 합니다.

  test('events.voiceEvent() emits "CustomEvent{ lavoiceevent }" event', () => {
    const listener = jest.fn();
    window.addEventListener('lavoiceevent', listener);

    events.voiceEvent('USER_SAID_HELLO');

    expect(listener).toHaveBeenCalledTimes(1);
    expect(listener).toHaveBeenCalledWith(expect.any(CustomEvent));

    const ev = listener.mock.calls[0][0];
    expect(ev.type).toBe('lavoiceevent');
    expect(ev.detail.event).toBe('USER_SAID_HELLO'); // ? will fail otherwise
  });

--
읽어주셔서 감사합니다.

위 내용은 예상한 CustomEvent()를 사용하여 리스너가 호출되는지 테스트합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!