测试：Vitest

一、安装

npm install vitest

创建文件：example.test.ts

运行测试：

npx vitest example

二、断言

import { expect, test } from 'vitest';
test('number test', () => {expect(1 + 1).toBe(2);
});
test('string test', () => {const name = 'MaxWell';expect(name).toBe('MaxWell');
});

结果：2 pass

三、回调测试

监控回调函数是否被调用

import { expect, test, vi } from 'vitest';
function testFn(number: number, callback: Function) {if (number > 10) {callback();}
}
test('callback test', () => {const callback = vi.fn();testFn(12, callback);expect(callback).toHaveBeenCalled(); //callback是否被调用
});

结果：pass 1

四、对象方法

监控对象上的方法是否被调用

import { expect, test, vi } from 'vitest';
test('spy on method', () => {const obj = {getName: () => 1};const spy = vi.spyOn(obj, 'getName');obj.getName();expect(spy).toHaveBeenCalled();
});

结果：pass 1

五、模拟第三库

由于我们不可能等待异步请求的返回结果来测试，这样会耗费太多事件，所以使用 mock 模拟

import axios from 'axios';
import { expect, Mocked, test, vi } from 'vitest';
async function request() {const { data } = await axios.get('example.url');return data;
}
// 使用 vi.mock 模拟 axios 模块的所有方法
vi.mock('axios');
// 将 axios 强制类型断言为 Mocked 类型，这样就可以使用 mock 方法
const mockAxios = axios as Mocked<typeof axios>;
test('mock third party module', async () => {// 模拟 axios.get 的返回值mockAxios.get.mockResolvedValue({ data: 1234 });const result = await request();expect(result).toBe(1234);
});

结果：pass 1