npm 包 coverage-node 使用教程

阅读时长 3 分钟读完

什么是 coverage-node

coverage-node 是一个开源的 npm 包,用于测试前端代码的覆盖率。该 npm 包能够获取单元测试和集成测试中的覆盖信息,帮助开发人员更好地理解代码测试情况,提高代码测试质量。

如何使用 coverage-node

  1. 安装 coverage-node,可通过以下指令快速安装:
  1. 在项目根目录下创建一个 .coveragenode.js 配置文件,如下所示:
-- -------------------- ---- -------
-------------- - -
    -------- -----
    -------- -
        -------------
    --
    -------- -
        ------------------
    --
    --------- -
        -------
        ------
    --
    ---------------- -
        ----- -
            ---------- -----------
            --------- ------------
        -
    --
    ----------- -
        ----------- ---
        --------- ---
        ---------- ---
        ------ --
    -
--

该配置文件包含了以下参数:

  • verbose:设为 true 可以在控制台看到详细的执行信息;

  • include:需要统计测试覆盖率的文件路径,这里设置为 src/**/*.js,表示只统计 src 目录下所有 js 文件;

  • exclude:不需要统计测试覆盖率的文件路径,这里设置为 src/**/*.test.js,表示不统计 src 目录下所有以 .test.js 结尾的文件;

  • reporter:生成测试报告的格式,这里设置为 texthtml,表示同时生成纯文本和网页两种格式的测试报告;

  • reporterOptions:测试报告输出目录和文件名,这里设置网页格式的测试报告输出到 coverage 目录下的 index.html 文件;

  • thresholds:测试覆盖率的门槛值,每种类型的覆盖率都设置为 80%。

  1. 编写单元测试和集成测试代码,比如:
-- -------------------- ---- -------
-- -----------

------ -------- ------ -- -
    ------ - - --
-

-- ----------------

------ ----- ---- ---------

----------- -- -- -
    ------------- ------------
    ------------- ------------
---
  1. 执行测试命令 coverage-node test,即可生成测试报告。

测试报告示例

执行完测试命令后,可以在上面配置的输出目录下找到生成的测试报告,如下图所示:

从测试报告中可以得到每一个被统计的文件的代码覆盖率情况,以及总的代码覆盖率情况。如果达不到预设的门槛值,报告会提示达标情况,将有助于开发人员进行代码测试质量的提升。

总结

coverage-node 是一个十分实用的 npm 包,能够帮助开发人员更好地掌握代码测试情况,改善前端开发中测试流程的不足,提高代码测试质量。而通过阅读本篇技术文章,相信对该 npm 包的使用也有了更深入的了解。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/coverage-node