Как я могу издеваться над компонентом асинхронной зависимости с шуткой - PullRequest
Новая
       36

Как я могу издеваться над компонентом асинхронной зависимости с шуткой

0 голосов
/ 25 марта 2019

Я тестирую реактивный компонент, в котором импортируется зависимость (называемая import и async), которая выполняет некоторую логику и просто возвращает логическое значение, но я думаю, что jest не ждет его завершения.который также регистрирует ошибку.

"Jest не завершил работу через одну секунду после завершения тестового прогона.

Обычно это означает, что существуют асинхронные операции, которые не были остановлены в ваших тестах. Рассмотрите возможность запуска Jest с --detectOpenHandlesчтобы устранить эту проблему. "

в настоящее время это реализация, которую я пробовал ..

это код теста 

// OfflineNotice.test.js

import React from 'react';

import { OfflineNotice } from './OfflineNotice';

jest.mock('../../service/user', () => ({
    __esModule: true,
    checkIfConnectivityIsValid: () => (
        Promise.resolve(true)
    ),
}));

describe('<OfflineNotice/> test suite', () => {
    const mockOnNetworkConnected = jest.fn();

    test('it should render <OfflineNotice/> component', () => {
        const wrapper = shallow(
            <OfflineNotice
                onNetworkConnected={mockOnNetworkConnected}
                network={{
                    isConnected: true,
                    connectionType: 'value',
                }}
            />,
        );
        expect(wrapper).toBeDefined();
    });
});

код компонента, которыйя тестировал 

// the dependency i need to mock
import { checkIfConnectivityIsValid } from '../../service/user';

// the implementation is as follows
export class OfflineNotice extends PureComponent {
    componentWillMount() {
        const { network } = this.props;
        const { isConnected, connectionType } = network;
        this.handleConnectivityChange(isConnected, connectionType);
    }

    componentDidUpdate() {
        const { network } = this.props;
        const { isConnected, connectionType } = network;
        this.handleConnectivityChange(isConnected, connectionType);
    }

    handleConnectivityChange = async (isConnected, connectionType) => {
        const { onNetworkConnected } = this.props;

        // how the service was used only returns boolean
        const isValid = await checkIfConnectivityIsValid(connectionType);

        let status = null;
        let message = null;

        if (isConnected && isValid) {
            status = 'online';
            message = string.NETWORK_MESSAGE.AVAILABLE;
            this.fadeOut();
            onNetworkConnected();
        } else if (isConnected) {
            status = 'invalid';
            message = string.NETWORK_MESSAGE.INVALID;
            this.containerOpacity.setValue(1);
        } else {
            status = 'offline';
            message = string.NETWORK_MESSAGE.NO_INTERNET;
            this.containerOpacity.setValue(1);
        }

        this.setState({ status, message });
    };

, затем, выполняя тест, можно отрендерить компонент.хотя при покрытии кода код останавливается на "const isValid = await checkIfConnectivityIsValid (connectionType);"часть, в которой говорится, что заявление не распространяется.

...