随着 TypeScript 的快速普及，越来越多的前端项目开始采用 TypeScript 进行开发。而在进行单元测试时，Jest 是一个优秀的选择。但是，许多初用 TypeScript 的开发者会遇到一些问题，那就是如何在 Jest 中使用 TypeScript 进行单元测试。
本文将详细介绍如何在 Jest 中使用 TypeScript 进行单元测试，并提供一个示例代码来说明如何操作。
安装相关库
使用 TypeScript 进行 Jest 单元测试，需要先安装以下库：
- jest
- ts-jest
- typescript
可以使用以下命令进行安装：
npm install --save-dev jest ts-jest typescript
配置 Jest
接下来，需要对 Jest 的配置进行一些修改，以支持 TypeScript。
首先，在项目的根目录下创建一个 jest.config.js 文件，并添加以下内容：
-- -------------------- ---- -------
-------------- - -
------- ----------
---------------- -------
--------------------- -
-----
------
-----
------
-------
-------
--
----------------- -
----------- -------------------
--
--其中，preset 用于指定 Jest 使用什么预设，这里选择了 ts-jest。
testEnvironment 用于指定 Jest 运行测试的环境，这里选择了 node。
moduleFileExtensions 用于指定 Jest 可以识别的文件扩展名。
moduleNameMapper 用于指定模块名称的映射关系，这里用正则表达式指定了 @/ 开头的模块名称将被映射到项目的 src 目录中。
同时，还需要在 package.json 文件中添加以下 script：
"test": "jest"
这样，运行 npm run test 命令即可开始使用 Jest 进行单元测试。
编写测试代码
最后，可以编写测试代码了。下面是一个示例：
import { sum } from '@/util';
describe('sum', () => {
it('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});
});上面这段代码测试了一个 sum 函数，保证了 1 + 2 的结果为 3。
sum 函数的实现如下：
export function sum(a: number, b: number) {
return a + b;
}结论
通过对 Jest 的简单配置，就可以在 TypeScript 项目中使用 Jest 进行单元测试了。本文提供了一个简单的示例代码，读者可以根据自己的需求进行修改和扩展。希望该文章能够对初用 TypeScript 进行单元测试的读者提供帮助和启发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67198e51ad1e889fe2317af5