测试是否在另一个函数内调用了一个函数Jest rewire

Question

我正在编写Redux操作来完成单元测试，但是在测试内部的模拟函数调用时遇到了麻烦。我相信我已经正确地模拟了completeRegistration，方法是导入它在其中声明的模块，然后从模块引用中模拟该函数，但是Jest说，尽管控制台日志语句确认了verified.data.success条件，但该函数没有被调用是true。

任何想法我在做什么错？谢谢

auth.js

export const verifyEmail = ({
    originalCode,
    confirmCode,
    token
}) => async dispatch => {
    try {
        const body = JSON.stringify({
            originalCode,
            confirmCode,
            registering: true
        });
        const verified = await axios.post("/api/email/verify", body, config);
        if (verified.data.success) {
            console.log("Success!") // logs "Success!"
            completeRegistration(token); // test is to find out if this function gets called
        } else {
            return { msg: "Code did not match, please try again" };
        }
    } catch (err) {
        dispatch({
            type: REGISTER_FAILED
        });
    }
};

auth.test.js

import * as auth from "../../actions/auth";

const originalCompleteReg = auth.completeRegistration;

describe("verifyEmail action", () => {
    let verifyData;
    beforeEach(() => {
        verifyData = {
            originalCode: "1234546",
            confirmCode: "1234546",
            token: "87618g1u8ojb98k3jb12i3kwdbcjwvbbi92ueg29eubv" // fake data :p
        };
        auth.completeRegistration = jest.fn(() => auth.completeRegistration);
        moxios.install();
    });

    afterEach(() => {
        auth.completeRegistration = originalCompleteReg;
        moxios.uninstall();
    });

    it("calls completeRegistration function if successful", async () => {
        moxios.wait(() => {
            const request = moxios.requests.mostRecent();
            request.respondWith({
                status: 200,
                response: { success: true }
            });
        });

        const store = mockStore({ payload: {} });

        await store.dispatch(auth.verifyEmail(verifyData));
        expect(auth.completeRegistration).toBeCalled();
    });
});

输出

verifyEmail action › calls completeRegistration function if successful

    expect(jest.fn()).toBeCalled()

    Expected number of calls: >= 1
    Received number of calls:    0

Answer 1

问题是，您不是在completeRegistration模块中模拟verifyEmail使用的auth内部值，而是在模拟导出的值。

导入模块时，您将获得一个对象，其中包含对该模块功能的引用。如果覆盖所需模块中的值，则您自己的引用将被覆盖，但是实现会保留原始引用。

因此，在您的情况下，如果您在测试文件中调用auth.completeRegistration，则将调用模拟版本。但是，在调用auth.verifyEmail（内部调用completeRegistration）时，它引用的completeRegistration不是您的覆盖版本。

我认为您不应该测试您的completeRegistration方法是否正在被调用（毕竟，这是一个实现细节）。相反，您应该检查您的方法是否表现出预期的效果（即行为completeRegistration具有重定向到另一页，执行其他请求，保存Cookie等的行为）。因此，您将嘲笑completeRegistration中使用的API，而不是方法本身。

话虽如此，如果您想检查是否正在呼叫completeRegistration，您仍然可以选择两个选项。

使用babel rewire插件

您必须安装插件并将其添加到babel配置中。完成后，您的测试将如下所示：

import AuthModule from '../../actions/auth';
import * as auth from '../../actions/auth';

describe('verifyEmail action', () => {
    let verifyData;

    beforeEach(() => {
        verifyData = {
            originalCode: '1234546',
            confirmCode: '1234546',
            token: '87618g1u8ojb98k3jb12i3kwdbcjwvbbi92ueg29eubv'
        };
        moxios.install();
    });

    afterEach(() => {
        moxios.uninstall();
    });

    it('calls completeRegistration function if successful', async () => {
        moxios.wait(() => {
            const request = moxios.requests.mostRecent();
            request.respondWith({
                status: 200,
                response: { success: true }
            });
        });

        const mockFn = jest.fn();
        AuthModule.__Rewire__('completeRegistration', mockFn);

        const store = mockStore({ payload: {} });

        await store.dispatch(auth.verifyEmail(verifyData));
        expect(mockFn).toHaveBeenCalled();
        AuthModule.__ResetDependency__('completeRegistration');
    });
});

在不同文件中分离功能

您可以为completeRegistration功能创建一个单独的模块。这样，由于您的auth.js必须导入模块，因此您可以使用jest.mock功能来模拟该模块。