0

Написал тест для компоненты React, в которой используется setTimeout, но он не работает, как я ожидал. Мок-функция consoleLog не вызывается. Где я допустил ошибку, подскажите, пожалуйста.

Код компоненты:

import React, { useEffect } from "react";

const Component = () => {
  const initialization = () => {
    setTimeout(() => {
      console.log("Test");
    }, 3000);
  };

  useEffect(() => {
    initialization();
  }, []);

  return <h1>Test</h1>;
};

export default Component;

Код теста:

import { render } from "@testing-library/react";
import Component from "./Component";

jest.useFakeTimers();

it("Correct call console.log", () => {
  const consoleLog = jest.fn();
  console.log = consoleLog;

  render(<Component />);
  jest.runAllTimers();

  expect(consoleLog).toHaveBeenCalledWith("Test");
});
3
  • Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. 12 окт 2021 в 8:14
  • Что значит «не работает как ожидал»?
    – Alexey Ten
    12 окт 2021 в 8:20
  • @AlexeyTen Тест валится, но должен работать.
    – tox14
    12 окт 2021 в 9:30

1 ответ 1

0

Я нашел решение проблемы. Я просто перенес строчку jest.useFakeTimers(); внутрь самого теста. Теперь тест работает корректно.

Код рабочего теста для этого компонента:

import { render } from "@testing-library/react";
import Component from "./Component";

it("Correct call console.log", () => {
  jest.useFakeTimers();
  const consoleLog = jest.fn();
  console.log = consoleLog;

  render(<Component />);
  jest.runAllTimers();

  expect(consoleLog).toHaveBeenCalledWith("Test");
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.