概述
Stryker 是一个测试覆盖率工具，它可以帮助开发人员自动化地运行 JavaScript 应用程序的单元测试。本文将介绍如何使用 Stryker 进行前端应用的测试覆盖率分析。
安装
首先，您需要在全局安装 stryker：
npm install -g stryker
接着，在项目根目录下安装 stryker 和相关的依赖：
npm install --save-dev stryker stryker-api stryker-html-reporter stryker-javascript-mutator stryker-jest-runner
配置
在项目根目录下创建一个名为 stryker.conf.js 的配置文件，并添加以下内容：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
------- ----------------
-------- -------------
----------- -------
---------- ---------
----------------- ------
----- -
------------ ---------
---------------- -------
---------- ----------------
-
---
--该配置文件指定了 Stryker 如何运行测试、生成报告和计算覆盖率。其中：
mutate：指定要变异的文件。mutator：指定变异器类型。这里是 JavaScript 变异器。testRunner：指定测试运行器。这里是 Jest。reporters：指定要使用的报告器。这里是 HTML 报告器。coverageAnalysis：指定要分析的覆盖范围。这里是全部分析。jest：指定 Jest 的配置信息。
运行
接下来，运行以下命令以启动测试覆盖率分析：
stryker run
Stryker 将开始变异 JavaScript 文件并对其运行 Jest 测试套件。在测试完成后，Stryker 将生成一个 HTML 报告，其中包含有关测试情况和代码覆盖率的详细信息。
示例代码
考虑以下示例代码，它导出了一个将两个数字相加的函数：
// src/add.js
function add(a, b) {
return a + b;
}
module.exports = add;我们可以编写一个简单的测试套件来测试该函数，并使用 Stryker 进行测试覆盖率分析：
// src/add.test.js
const add = require("./add");
describe("add", () => {
it("should add two numbers", () => {
expect(add(2, 3)).toBe(5);
});
});最后，运行 stryker run 命令进行测试覆盖率分析，Stryker 将会输出以下结果：
-- -------------------- ---- -------
----- -------- ------- - -------
------ --- ----- ------ --- ---------
------ - ----------
-------------------------- -------- ------- ---- ---- ---- --- ---- - ------
---- ---------------
---
- ------ --- --- ------- -- ---
---- ------- - ------- - -----
------ - ------- - -----
---------- - -----
----- ----- -
--- --- ---- ------ -------- -----------------
-------------------------- ------- ---- --- ---------- --- - ----- -- ----- -------- -------
-------------------------- -------- ---- ----- ---- -----------------------------
------------------------------ ------- ------ -- ------------------------------------------------
--- ----- ---- ------- -------- ----- -- ----Stryker 将显示测试的结果和覆盖率信息，并且在 mutation/html 目录下生成一个 HTML 报告。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/48550