Шутка: как протестировать setInterval

После того, как пользователь щелкнет логин, мне нужно проверять статус сервера каждые 3 секунды. После проверки 20 раз отобразите тайм-аут и сбросьте таймер.

мой код:

onCheckStatus = () => {
    MAX_POLLING_COUNT = 20;
    this.timer = setInterval(() => {
        if (MAX_POLLING_COUNT > 0) {
            MAX_POLLING_COUNT -= 1;
            loginStatus(this.state.sessionId).then(
                res => {
                    const { goto, sessionId, errorMessageCode, result, hint } = res;
                    ........
                    if (goto === 'SUCCESS') {
                        this.setState({
                            messageInfo: {
                                type: 'success',
                                title: '',
                                description: result.description,
                            },
                        });
                    } else if (goto === 'ERROR') {

                    } 
                },
                () => {
                    clearInterval(this.timer);
                    this.setState({ error: true, loading: false });
                }
            );
        } else {
            this.setState({ error: true, loading: false });
        }
    }, 3000);
};

тестовый код:

    jest.useFakeTimers();
    const wrapper = shallow(
        <AddGPForm step = "GP_SIGNIN" uuid = "testuuid" {...props} />
    );

    const form = shallow(wrapper.prop('children')(getMockFormApi(wrapper)));
    form.find('Login').simulate('submit', {
        reqestBody: '10x010101x0101x0101x10x0',
    });
    jest.runAllTimer();
    // jest.runTimersToTime(60000);
    // jest.runOnlyPendingTimers();

onCheckStatus будет срабатывать, коды внутри таймера никогда не срабатывают. Я попытался выбрать логику внутри таймера как один единственный метод.

новый код:

onCheckStatus = () => {
    this.timer = setInterval(this.check(), 3000);
}

метод проверки запускается только один раз.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
7
0
6 315
2

Ответы 2

Используйте jest.runAllTimers() вместо jest.runAllTicks()

это опечатка. Я перепробовал все api-макеты таймера шутки, все они не работают.

Gary Wang 16.07.2018 10:55

Используйте jest.advanceTimersByTime, чтобы продвинуть свой таймер и проверить в своем тестовом файле.

Другие вопросы по теме