0

我有以下动作和测试用例 - 当我运行这个测试时（开玩笑） - 我看到 TypeError: Cannot read property 'data' of undefined in action creator, 不确定这里缺少什么？我正在提供预期的 mockData。是因为这里嵌套了一个异步吗？但我正在使用`.then 但它仍然失败。

Action creator:

    export const getUser = ({
      uname,
      apiendpoint,
    }) => {
      const arguments = {};


      return async (dispatch) => {
        await axiosHelper({ ---> this will return axios.get
          arguments,
          path: `${apiendpoint}/${uname}`,
          dispatch,
        }).then(async ({ data, headers }) => { -- getting error at this line.
          dispatch({ type: GET_USER, payload: data });
          dispatch({ type: GET_NUMBEROFUSERS, payload: headers });
        });
      };
    };

Test:

    describe('Get User Action', () => {
      let store;
      const middlewares = [thunk];
      const mockStore = configureStore(middlewares);
      beforeEach(() => {
        store = mockStore({
          data: [],
        });
      });

      afterEach(() => {
        fetchMock.reset();
        fetchMock.restore();
      })

       const arguments = {
        uname: 'user123',
        apiendpoint: 'test',
      };
      const url = 'https://www.localhost.com/blah/blah';

      it('should get a User', () => {
        fetchMock
          .getOnce(url, {
            data: mockData, -->external mock js file with user data {}
            headers: {
              'content-type': 'application/json'
            }
          });

        const expectedActions = [
          {
            type: 'GET_USER',
            data: mockData
          },
          { type: 'GET_NUMBEROFUSERS' }
        ];


        return store.dispatch(actions.getUser(arguments)).then(() => {
          expect(store.getActions()).toEqual(expectedActions);
        });

      });
4

1 回答 1

0

您在同一函数上使用awaitAND （例如）。thenaxiosHelper

这是错误的用法，会导致很多错误undefined。您要么使用回调函数，要么使用a.then() 或anawait但不是 2 或全部。

我建议观看一些关于 async/await 的教程/解释，因为了解 Promise 是什么非常重要。

您的 cas 中发生的情况axiosHelper是执行了 2 次，因为如果它完成，then-part 将启动，但在完全相同的时间（因为它是异步的）await完成和代码执行继续父流程。这带来了竞争条件，正如我所说，这将导致undefined因为您执行相同的逻辑两次或更多次。

于 2018-12-20T12:33:28.897 回答