1回答

张轩

2020-12-29

已采纳

同学你好 谢谢你认真的写代码发现了这个问题 这是新版 create-react-app 的一个 bug，issue 在这里都放了一年了，还没有修复。https://github.com/facebook/create-react-app/issues/7539

我建议你不要 __mocks__ 文件夹进行了 mock 了，而是在 test case 中直接 mock，你可以尝试我下面的代码 文档在这里：https://jestjs.io/docs/en/mock-functions#mocking-modules

import React from 'react';
import axios from 'axios'
import { testItems, testCategories } from './testData';
import { mount } from 'enzyme';
import App from './App';
jest.mock('axios')


//const waitForAsync = () => new Promise(resolve => setImmediate(resolve));

describe('App test', () => {
    afterEach(() => {
        jest.clearAllMocks();
    });

    it('getInitialData test', async () => {
        axios.get.mockImplementation(jest.fn((url) => {
            console.log("log output from mock axios!!!!!!!!!");
            if (url.indexOf('categories') > -1) {
                return Promise.resolve({
                    data: testCategories
              });
            }
            if (url.indexOf('transactions?') > -1) {
                return Promise.resolve({
                    data: testItems
                });
            }
            return Promise.resolve({
                data: {
                    ...testItems[0],
                    id: 'testId'
                }
            });
        }))
        const wrapper = mount(<App />);
        expect(axios.get).toHaveBeenCalledTimes(2);
    });
});

2

0