react-native - 检查是否已使用酶调用了 redux 操作

Question

我正在尝试测试是否从我的 React Native 项目中的 componentDidMount 调用了调度。我的问题是我不知道如何检查是否调用了 autoLogin()。

测试.js

import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';

const mockStore = configureMockStore([thunk]);

it('should be called once', () => {
    const wrapper = shallow(<SplashScreen store={mockStore()} />).dive();
});

index.js

class SplashScreen extends Component {
    componentDidMount() {
        this.props.autoLogin();
    }
}

export default connect(null, { autoLogin })(SplashScreen);

Answer 1

我终于发现 async/await 是我的问题的解决方案。如果没有在 wrapper.dive() 上等待，autoLogin 将在我的测试完成运行后触发。

it('should be called once', async () => {
    const autoLogin = jest.fn();
    const wrapper = shallow(<SplashScreen store={mockStore()} autoLogin={autoLogin} />);
    await wrapper.dive();
    expect(autoLogin.mock.calls.length).toBe(1);
});