在前端开发中，单元测试和代码覆盖率是非常重要的。而 Coveralls 是一个用于统计代码测试覆盖率的网站，并提供了对应的 npm 包 coveralls 来上传代码测试结果。
本文将详细介绍 coveralls 包的使用方法，包括安装、配置以及集成到 CI/CD 流程中。
安装
可以通过 npm 命令行安装 coveralls 包：
--- ------- --------- ----------
安装完成后，您可以在项目的 package.json 文件中看到 "coveralls": "^3.1.0" 的条目。
配置
要使用 coveralls 包，您需要以下几个步骤：
生成 lcov.info 文件
首先，您需要生成一个 lcov.info 文件来表示当前代码的测试覆盖率。通常，您需要使用一个测试运行器（如 Mocha 或 Jest）并且运行测试命令，然后生成这个文件。如果您使用 Jest，可以使用以下命令生成 lcov.info 文件：
--- ---- ---------- -- --- -------------------- - ---------
其中 npx jest --coverage 命令将生成测试覆盖率报告，而 cat ./coverage/lcov.info | coveralls 命令将上传测试结果到 Coveralls 网站。
添加 coveralls 脚本
接下来，您需要在 package.json 文件中添加一个脚本以上传测试结果：
-
---------- -
------------ ---- -------------------- - ----------
-
-添加环境变量
为了使用 coveralls 包，您需要设置以下环境变量：
COVERALLS_REPO_TOKEN：Coveralls 的仓库 token。您可以在 https://coveralls.io/repos/ 登录并创建一个新的仓库，然后获得该仓库的 token。COVERALLS_SERVICE_NAME：CI/CD 服务的名称（如travis-ci、circleci或jenkins）。COVERALLS_SERVICE_NUMBER：CI/CD 服务的构建号。
您可以将这些环境变量放置在 .env 文件中，并使用 dotenv 包进行加载。或者，您也可以直接在 CI/CD 服务中设置这些环境变量。
集成到 CI/CD 流程中
最后，将 coveralls 命令添加到 CI/CD 流程中。例如，在 Travis CI 中，您可以将以下命令添加到 .travis.yml 文件中：
-------------- - --- --- ---------
这样，在每次构建成功后，将自动运行 coveralls 脚本并上传测试结果。
示例代码
以下是一个示例项目的 package.json 文件，其中包含了 coveralls 包的使用配置：
-
------- ------------------
---------- --------
-------------- --- ------- ------- -- ----------- --------- -------
---------- -
------- ----- -------- -- ---- ----------- -- ---- ---
------------ ---- -------------------- - ----------
--
------------------ -
------------ ---------
--------- ----------
------- ---------
--
------- -
------------------ -----
-------------------- -
------
-
-
-结语
使用 coveralls 包可以轻松地将您项目的测试覆盖率上传到 Coveralls 网站，并随时监视测试
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51716