前端自动化测试框架Jest中的Mock

lsekfe

函数的 Mock
　　在我们的项目中，一个模块的方法内通常会去调用另外一个模块的方法。
　　在测试时，我们可能并不需要关心方法内部的执行过程和结果，只想知道它是否被正确调用即可，此时，就需要用到Jest的使用Mock函数了。
　　Mock 函数提供的以下三种特性，在我们写测试代码时十分有用：
　　·捕获函数调用情况
　　· 设置函数返回值
　　· 改变函数的内部实现
　　测试函数是否被正常调用
首先定义一个函数，用来执行传入的回调，然后导出：

// index.js

export const runCallback = callback => {
  callback();
};

　然后我们需要这样测试：

1. // index.test.js
   
2. 
   
3. import { runCallback } from "./index";
   
4. 
   
5. test("测试 runCallback", () => {
   
6.   const func = jest.fn(); // 生成 mock 函数，捕获函数的调用
   
7.   runCallback(func); // 调用 mock 函数
   
8.   expect(func).toBeCalled(); // toBeCalled 匹配器用来检查函数是否被调用过
   
9. });

复制代码

测试函数调用次数是否正确
　　首先定义一个函数，用来执行传入的回调，然后导出：

1. // index.js
   
2. 
   
3. export const runCallback = callback => {
   
4.   callback();
   
5. };

复制代码

然后我们需要这样测试：

1. // index.test.js
   
2. 
   
3. import { runCallback } from "./index";
   
4. 
   
5. test("测试调用次数", () => {
   
6.   const func = jest.fn(); // 生成 mock 函数，捕获函数的调用
   
7.   runCallback(func); // 第一次调用 mock 函数
   
8.   runCallback(func); // 第二次调用 mock 函数
   
9.   runCallback(func); // 第三次调用 mock 函数
   
10.   expect(func.mock.calls.length).toBe(3); // 检查函数是否被调用了三次
    
11. });

复制代码

　测试函数是否返回 undefined
　　首先定义一个函数，用来执行传入的回调，然后导出：

1. // index.js
   
2. 
   
3. export const runCallback = callback => {
   
4.   callback();
   
5. };

复制代码

然后我们需要这样测试：

1. // index.test.js
   
2. 
   
3. import { runCallback } from "./index";
   
4. 
   
5. test("测试返回值", () => {
   
6. const func = jest.fn(); // 生成 mock 函数，捕获函数的调用
   
7.   expect(runCallback(func)).toBeUndefined(); // 检查函数是否返回 undefined
   
8. });

复制代码