У меня есть функция, позволяющая пользователям регистрироваться. После успешной регистрации пользователь перенаправляется на домашнюю страницу (через 5 секунд). Перед перенаправлением пользователь получает всплывающее уведомление о том, прошла ли регистрация успешно или нет.
Проблема, которая у меня возникла: я не знаю, как убрать функцию setTimeout в тесте, так как хочу проверить, правильно ли отображается сообщение и работает ли перенаправление. Я уже пробовал fakeTimers из vi, но при его использовании получаю ошибку таймаута для каждого последующего теста + текущего теста.
it("Registration was successful and redirects after 5 seconds", async () => {
vi.useFakeTimers();
delete window.location;
window.location = { href: "" };
fetch.mockResolvedValueOnce({
ok: true,
status: 201,
json: async () => ({})
});
render();
await userEvent.type(usernameInput, testUsername);
await userEvent.type(emailInput, testEmail);
await userEvent.type(passwordInput, testPassword);
await userEvent.click(submitButton);
const successMessage = await screen.findByText(
"Registration successful! You will be redirected to the homepage shortly."
);
expect(successMessage).toBeInTheDocument();
await act(async () => {
vi.advanceTimersByTime(5000);
});
expect(window.location.href).toBe("/");
vi.useRealTimers();
});
Ошибка:
FAIL src/__test__/pages/auth/Register.test.jsx > Register > Registration was successful and redirects after 5 seconds
Error: Test timed out in 5000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
❯ src/__test__/pages/auth/Register.test.jsx:81:5
79|
80|
81| it("Registration was successful and redirects after 5 seconds", async () => {
| ^
82| vi.useFakeTimers();
83|
Подробнее здесь: https://stackoverflow.com/questions/797 ... -in-vitest
