在前端开发中，测试是非常重要的一环，而 Jest 是大多数前端开发人员都会选择的一款测试框架。而 npm 包 jest-github-reporter 则提供了一个方便、简单的方法来将 Jest 测试报告自动上传到 Github，并自动生成 Github Issue。本文将介绍 jest-github-reporter 的使用教程，并提供代码示例。
安装 jest-github-reporter
可以使用以下命令来安装 jest-github-reporter：
npm install jest-github-reporter --save-dev
创建 Github Personal Access Token
首先需要创建一个 Github Personal Access Token，用于作为 jest-github-reporter 的鉴权凭证。在 Github Personal Access Tokens 页面 中，点击 "Generate new token" 按钮，选择需要授权的权限，然后点击 "Generate token"。将生成的 Token 备份好，后续会用到。
在 Jest 配置文件中设置 jest-github-reporter
可以在 Jest 的配置文件中（通常是 jest.config.js 或 package.json）添加如下代码：
-- -------------------- ---- -------
-
------------ -
----------
----------------------
--
------------------ -----
-------------------- -
-------
-------
------
--
---------- -
------------------ -----------------------
--------------- --------------------
------------------ -----------------------
------------ ----------------
-
-其中，reporters 用于配置 Jest 所使用的测试报告生成器，这里添加了 jest-github-reporter，同时也可以添加其他的报告生成器。collectCoverage 和 coverageReporters 分别配置 Jest 的代码覆盖率报告的生成方式。globals 则用于设置 jest-github-reporter 所需要的信息。
使用 jest-github-reporter
在配置好 jest.config.js 或 package.json 文件后，每次执行 Jest 测试时，jest-github-reporter 将会自动上传测试报告到 Github，并创建 Issue。
以下是一个简单的测试用例，可以将其保存为 test.js 文件，然后使用 Jest 运行测试：
test('1+1=2', () => {
expect(1 + 1).toBe(2);
});运行 jest 命令进行测试，在测试完成后，jest-github-reporter 将会自动上传测试结果到 Github。
深入学习 jest-github-reporter
jest-github-reporter 是一个很方便的工具，但实现原理却并不简单。如果想深入学习 jest-github-reporter，并了解其实现细节，可以查看其源代码，或者阅读其 官方文档。
总结
本文介绍了 npm 包 jest-github-reporter 的使用教程，并提供了代码示例。使用 jest-github-reporter 可以将 Jest 测试报告自动上传到 Github，并自动生成 Github Issue，方便测试结果的跟踪和管理。如果想深入学习 jest-github-reporter 的实现原理，可以阅读其文档或源代码，了解其细节。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f405b6ddbf7be33b25671f0