小编lac*_*chy的帖子

我是jest/enzyme的新手,我试图模拟对返回Promise的异步函数的调用,调用是在componentDidMount方法的react组件内部进行的.

测试试图测试componentDidMount设置状态中Promise返回的数组.

我遇到的问题是测试在数组添加到状态之前完成并传递.我正在尝试使用'done'回调让测试等待,直到promise解决但这似乎不起作用.

我试图在done()调用之前将expect调用移到该行,但这似乎也不起作用.

谁能告诉我这里做错了什么？

正在测试的组件:

componentDidMount() {
  this.props.adminApi.getItems().then((items) => {
    this.setState({ items});
  }).catch((error) => {
    this.handleError(error);
  });
}

我的测试:

    import React from 'react';
    import { mount } from 'enzyme';
    import Create from '../../../src/views/Promotion/Create';

    import AdminApiClient from '../../../src/api/';
    jest.mock('../../../src/api/AdminApiClient');

    describe('view', () => {

      describe('componentDidMount', () => {

        test('should load items into state', (done) => {
          const expectedItems = [{ id: 1 }, { id: 2 }];

          AdminApiClient.getItems.mockImplementation(() => {
            return new Promise((resolve) => {
              resolve(expectedItems);
              done();
            });
          });

          const wrapper …