掌握 Jest 配置文件:优化单元测试的灵活性与可维护性

devtools/2024/11/6 10:57:37/
引言

在现代软件开发中,单元测试是确保代码质量和稳定性的关键步骤。Jest 是一个广泛使用的 JavaScript 测试框架,提供了丰富的配置选项来优化测试过程。通过配置文件,开发者可以更灵活地控制测试环境,确保测试的可靠性和可维护性。本文将详细介绍 Jest 配置文件的生成方法及其常见配置项,并通过实际示例展示其在不同场景中的应用。

生成配置文件

当需要对 Jest 进行大量配置时,可以生成一个配置文件。生成配置文件的命令如下:

npx jest --init

运行上述命令后,Jest 会引导你完成配置文件的生成过程。生成的配置文件通常位于项目的根目录下,文件名为 jest.config.jsjest.config.ts,具体取决于你的项目类型。
生成配置文件如下图所示:

image-20230424092507341

常见配置项
收集测试覆盖率

collectCoverage 配置项用于收集并显示测试覆盖率,包含每个文件中每种类型的代码(语句、分支、函数和行)的测试覆盖率。

jest.config.js配置如下:

module.exports = {collectCoverage: true,
};

启用 collectCoverage 后,Jest 会在测试完成后生成一个覆盖率报告。报告中包含如下信息:

  • % Stmts:包含语句的百分比,即被测试覆盖的语句占总语句数的比例。
  • % Branch:包含分支的百分比,即被测试覆盖的分支占总分支数的比例。
  • % Funcs:包含函数的百分比,即被测试覆盖的函数占总函数数的比例。
  • % Lines:包含行的百分比,即被测试覆盖的行占总行数的比例。
  • Uncovered Line #s:未被测试覆盖的行号。

例如,生成的覆盖率报告如下所示:

覆盖率报告

从上面的测试报告中可以看出,tools.js 文件中的 sumsub 函数的测试没有被覆盖到,因为我们在测试时替换了这些函数的实现。

设置代码覆盖率阈值

当 collectCoverage 设置为 true 之后,还可以设置 coverageThreshold 代码覆盖率的阀值。当覆盖率低于设定的阈值时,测试将失败。

module.exports = {collectCoverage: true,coverageThreshold: {global: {branches: 90,functions: 90,lines: 90,statements: 90,},},
};

另外在项目根目录下,Jest 会生成一个 coverage 目录,里面包含各种格式(XML、JSON、HTML)的测试报告。这些报告的目的是方便你通过不同的工具进行读取和分析。

例如,HTML 版本的测试报告如下所示:

HTML 测试报告

指定测试文件匹配规则

testMatch 配置项用于指定 Jest 应该运行哪些测试文件。默认情况下,Jest 会查找 .test.js.spec.js 结尾的文件。

module.exports = {testMatch: ["**/test/**/*.[jt]s?(x)",],
};
指定模块文件扩展名

moduleFileExtensions 配置项用于指定 Jest 查找测试文件时应该搜索哪些文件扩展名。

module.exports = {moduleFileExtensions: ["js", "jsx", "ts", "tsx", "json", "node"],
};
在测试前运行特定文件

setupFilesAfterEnv 配置项用于指定 Jest 在运行测试之前应该运行哪些文件。这些文件通常用于初始化测试环境,例如设置全局变量或加载第三方库。

module.exports = {setupFilesAfterEnv: ['<rootDir>/src/setupTests.js'],
};

在执行每个测试套件(文件)之前,Jest 会先执行 setupTests.js 文件。例如,setupTests.js 文件可以包含如下内容:

// setupTests.js
global.customVariable = 'This is a custom variable';
总结

Jest 配置文件是优化单元测试的重要工具,通过合理的配置,可以显著提升测试的灵活性和可维护性。以下是配置文件的一些常见应用场景:

  1. 收集测试覆盖率:通过 collectCoverage 配置项收集并显示测试覆盖率,帮助开发者了解代码的测试覆盖情况。
  2. 设置代码覆盖率阈值:通过 coverageThreshold 配置项设置代码覆盖率的阈值,确保代码达到一定的测试覆盖率。
  3. 指定测试文件匹配规则:通过 testMatch 配置项指定 Jest 应该运行哪些测试文件,灵活控制测试范围。
  4. 指定模块文件扩展名:通过 moduleFileExtensions 配置项指定 Jest 查找测试文件时应该搜索哪些文件扩展名,支持多种文件类型。
  5. 在测试前运行特定文件:通过 setupFilesAfterEnv 配置项指定 Jest 在运行测试之前应该运行哪些文件,初始化测试环境。

总之,使用 Jest 的配置文件,可以帮助开发者更灵活地控制测试环境,确保测试的可靠性和可维护性。希望本文的介绍和示例能帮助你在实际开发中更好地应用这一强大工具。


http://www.ppmy.cn/devtools/131738.html

相关文章

系统学英语 — 句子成分

句子成分 句子成分的类型包括&#xff1a;主、谓、宾、表、定、状、补、同位语。 成分作用充当词类举例主语句子的主体&#xff0c;动作的发出者。表示什么人、什么事。1&#xff09;名词性词&#xff08;名词、代词、数词、非谓语动词&#xff09;&#xff1b;2&#xff09;…

C#语言发展历史

1.C# 1.0 发布于2002年1月 和 Visual Studio .NET 2002 一起发布的 C# 版本 1.0 非常像 Java。其目标是成为一种“简单、现代、通用的面向对象的语言”。当时&#xff0c;看起来像 Java 意味着它实现了早期的设计目标。 不过如果现在回顾 C# 1.0&#xff0c;你会觉得有点晕。 它…

QCustomPlot添加自定义的图例,实现隐藏、删除功能(一)

文章目录 实现步骤:实现代码:代码讲解:功能说明:优化建议:其他参考:要实现一个支持勾选并可以控制曲线显示和隐藏的自定义 QCPLegend 类,可以通过继承 QCPLegend 并重写其相关方法来实现。我们需要添加一个自定义的复选框元素,并捕捉用户交互来实现曲线的隐藏和显示。…

VSCode 与 HBuilderX 介绍

Visual Studio Code (VSCode) Visual Studio Code (VSCode) 是一款由 Microsoft 开发的源代码编辑器&#xff0c;支持多种编程语言&#xff0c;并且是免费和开源的。它在开发者社区中非常受欢迎&#xff0c;因其强大的功能和高度的可定制性而受到赞誉。 特点 轻量级且强大&am…

SpringBoot在线教育系统:数据分析与报告

4系统概要设计 4.1概述 本系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式&#xff0c;是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示&#xff1a; 图4-1系统工作原理…

Visual Studio2022版本的下载与安装

1-首先打开微软的官网&#xff0c;下面就是链接 下载 Visual Studio Tools - 免费安装 Windows、Mac、Linux免费下载 Visual Studio IDE 或 VS Code。 在 Windows、Mac 上试用 Visual Studio Professional 或企业版。https://visualstudio.microsoft.com/zh-hans/downloads/?…

mac 修改启动图图标数量

调整每行显示图标数量&#xff1a; defaults write com.apple.dock springboard-rows -int 7 调整每列显示的数量 defaults write com.apple.dock springboard-columns -int 8 最后重置一下启动台 defaults write com.apple.dock ResetLaunchPad -bool TRUE;killall Dock 其…

Cuebric:用AI重新定义3D创作的未来

一、简介 Cuebric 是一家成立于2022年夏天的好莱坞创新公司,致力于为电影、电视、游戏和时尚等行业提供先进的AI多模态SaaS平台。自2024年1月正式推出以来,Cuebric 已经在市场上获得了广泛的认可和积极的反馈。目前,该平台正处于1.0版本的beta测试阶段,已募集约50万美元的…