javascript - Jest 手动模拟未返回正确的值

Question

升级到 15.1.1 后，我遇到了开 Jest 手动模拟的问题(react 是 15.3.1)

当我在测试中设置模拟结果时，当调用模拟方法时，实际结果不是预期的结果，而是创建变量时的初始结果。

在我升级 React 和 Jest 之前，它工作得很好。

这是我的模拟:

'use strict';

const psMock = jest.genMockFromModule('../ProcessService');
import clone from 'lodash/clone'

var _resultDeOuf = [];

function __setMockResult(result) {
    _resultDeOuf = result;
}

psMock.getRelatedProcessesByGroupingId = jest.fn(() => {
    return {
        then: (callback) => callback(_resultDeOuf);
    }
});

psMock.__setMockResult = __setMockResult;

export default psMock`

这是我的测试:

jest.unmock('../SuperProcessRow');
jest.unmock('../ProcessRow');

import React from "react";
import ReactDom from "react-dom";
import TestUtils from "react-addons-test-utils";
import processService from 'ProcessService'

import SuperProcessRow from '../SuperProcessRow'

const defaultSuperProcess = {
    "processId": "97816",
    "executionId": null,
    "cancelExecutionId": null
}

describe('SuperProcessRow', () => {

    beforeEach(() => {
        processService.getRelatedProcessesByGroupingId.mockClear()
    });

    it('load sub processes on super process click ', () => {

        let responseSubProcesses = {
            processes : subProcesses,
            totalCount : 5
        };

        processService.__setMockResult(responseSubProcesses);

        let superProcessRow = TestUtils.renderIntoDocument(
        <table><SuperProcessRow process={defaultSuperProcess}/></table>);

        superProcessRow = ReactDom.findDOMNode(superProcessRow);

        let icon = superProcessRow.querySelector('i');
        TestUtils.Simulate.click(icon);

        expect(processService.getRelatedProcessesByGroupingId.mock.calls.length).toEqual(1);
    })
});

在实际的生产代码中，我调用了 getRelatedProcessGroupingId 并在 .then 方法内处理响应。我没有检索测试中的数据集，而是得到了初始值:[]。

有人有想法吗？

谢谢 文森特

Answer 1

我通过在窗口对象内设置 _resultDeOuf 来修复它。虽然很丑，但是很管用