在前端开发中，ts-jest-next 是一个十分重要的工具包。它是一款基于 TypeScript 和 Jest 的 JavaScript 运行测试工具，能够帮助开发者做到更有效率的测试工作。本文将会详细介绍 ts-jest-next 的使用方法和技巧。
安装
ts-jest-next 可以通过 npm 包管理器进行安装：
npm install --save-dev ts-jest-next
安装好后，可以在 package.json 文件的 devDependencies 中找到 ts-jest-next：
{
"devDependencies": {
"ts-jest-next": "^1.0.0"
}
}配置
接下来需要对 Jest 进行配置，以使用 ts-jest-next 进行测试。在项目根目录下创建 jest.config.js 文件，然后加入以下内容：
-- -------------------- ---- -------
-------------- - -
------- -------------------------------
---------------- -------
---------- -
---------------------------
-----------------------------
--
-------------------- -
-------------
--
--------------------------- -
--------------------------
-----------------
--
------------------ -------- --------
-这些配置中包含了 Jest 的一些基本配置和 ts-jest-next 的配置。其中，preset 是 ts-jest-next 配置中的默认设置，表示使用 TypeScript 进行编译编译和测试，其中包含了 node_modules 以及其他常见的忽略项，testEnvironment 是指定测试运行的环境，这里使用 node。testMatch 表示要测试的文件匹配规则，collectCoverageFrom 则表示要进行测试的文件路径。coveragePathIgnorePatterns 则表示忽略测试代码覆盖率统计的路径。coverageReporters 则表示测试报告的输出方式。
运行测试
现在可以开始使用 ts-jest-next 进行测试了。在 package.json 文件中加入如下内容：
{
"scripts": {
"test": "jest"
}
}然后在控制台中运行如下命令：
npm test
运行测试可以进行如下的一个示例：
-- -------------------- ---- -------
----------------- ------ -- -- -
---------- ------ -- -- -
-----------------------
--
---------- ------ -- -- -
------------------------
--
--如果一切正常的话，可以在运行完毕后在控制台中看到如下输出：
-- -------------------- ---- -------
---- -----------------------------
------- ----
- ------ ---- -- ---
- ------ ---- -- ---
- ------- ---- - ------ ----
------------------------------- -- --------- --------
--------- ----
--------- -----
- -
- - ---------- ------ -- -- -
- - - ------------------------
- -
- - --
- - --
-- ----------- ------------------------------------
---- ------- - ------- - -----
------ - ------- - ------- - -----
---------- - -----
----- ----- -
--- --- ---- -------
--- --- ---- ------ ---- ---- -可以看到测试中有一项失败了，ts-jest-next 会输出详细的错误日志和堆栈跟踪信息，让开发者快速找到问题并进行修复。
总结
ts-jest-next 是 Jest 测试框架的插件，能够让开发者在测试阶段使用 TypeScript 进行编写和运行测试代码。不仅如此，ts-jest-next 还提供了丰富的配置选项和一套完整的预设，可帮助开发者做到更加高效的测试工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600574f781e8991b448ea341