如何在反应中使用 Jest 模拟单元函数

Question

我的渲染方法中有以下代码

render() {
let isNew = Boolean(domService.getQueryParamByName("isNew"));
if(isNew) {
return(
// soemthing
)} else {
return(// return anything)

现在如何在 jestUnit 测试用例中模拟 getQueryParamByName 单元函数，使其覆盖 if 块。

Answer 1

如果你将 domService 从另一个文件导入到你的组件，在测试中你可以像这样添加一个间谍：

//component.test.js
import domService from "relative-path";

const mockFunction = jest.fn((obj) => {});

beforeEach(() => {
    mockFunction.mockClear();
    jest.spyOn(domService,"getQueryParamByName").mockReturnValue(mockFunction);
});