Jest:测试是否调用了来自addEventListener的回调函数

npm install --save-dev jest

// eventModule.js
function setupClickListener(element, callback) {
  element.addEventListener('click', callback);
}

export { setupClickListener };

// eventModule.test.js
import { setupClickListener } from './eventModule';

describe('setupClickListener', () => {
  it('should call the callback when the click event is triggered', () => {
    // 创建一个模拟的元素和回调函数
    const mockElement = {
      addEventListener: jest.fn()
    };
    const mockCallback = jest.fn();

    // 设置监听器
    setupClickListener(mockElement, mockCallback);

    // 检查是否为click事件添加了监听器
    expect(mockElement.addEventListener).toHaveBeenCalledWith('click', expect.any(Function));

    // 获取addEventListener调用的第二个参数（即回调函数），并调用它
    const eventListenerCallback = mockElement.addEventListener.mock.calls[0][1];
    eventListenerCallback();

    // 验证回调函数是否被调用
    expect(mockCallback).toHaveBeenCalled();
  });
});