Jest как протестировать вызов функции из eventListener’a?



@0Bannon

У меня есть кнопка, на ней обработчик по клику, срабатывает стрелочная функция, в ней вызывается другая функция showHideButton. Всё просто. Но как мне проверить, что эта функция была вызвана? Я уже перепробовал всё, что мог. Только изучаю Jest.

export function initListeners(app) {
  const button = app.querySelector("button");
  const input = app.querySelector("input");
 
  button.addEventListener("click", (ev) => {
    ev.preventDefault();
    showHideButton(button, input.value);
  });
}

тест

import { showHideButton } from "./initListeners";
const app = document.querySelector("#app");
const button = document.body.querySelector("button");
initListeners(app);
describe("this suit tests event listener", () => {
  it("checks event listener", () => {
    showHideButton = jest.fn();
    button.dispatchEvent(new Event("click"));
    expect(showHideButton).toHaveBeenCalled();
  });
});

Выдает ошибку и showHideButton is read-only. Как правильно сделать?


Решения вопроса 0


Ответы на вопрос 0

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *