前言
随着前端技术的发展，前端开发者越来越重视自动化测试，而 karma 是一个非常流行的测试运行器。而 karma-nunit2-reporter 则是一个 karma 扩展插件，可以将 karma 运行结果以 NUnit2 格式输出，方便与其他工具集成。该插件的使用教程在网上比较少，本文将详细介绍 karma-nunit2-reporter 的使用方法，并提供示例代码。
安装 karma-nunit2-reporter
karma-nunit2-reporter 是一个 npm 包，可以使用 npm 安装到项目依赖中。使用如下命令安装：
npm install karma karma-nunit2-reporter --save-dev
配置 karma-nunit2-reporter
在 karma 的配置文件中，需要添加 reporters 属性，并将 nunit2 添加到其中。如下所示：
-- -------------------- ---- ------- -- ------------- -------------- - ---------------- - ------------ -- --- ---- ---------- ------------ ---------- --------------- - ---------- --------------- ----------- ------------------- ---------- --- --- ------- --------------- ----- - --- --展开代码
其中，nunit2Reporter 是 karma-nunit2-reporter 内置的 reporter，可通过这个配置项设置输出目录、输出文件名、测试套件名称和是否使用浏览器名作为测试名称的一部分。
运行测试
配置完成后，即可通过以下命令运行测试：
karma start karma.conf.js
集成到 CI 工具
karma-nunit2-reporter 输出的测试结果可以直接集成到 CI 工具中，例如 Travis CI，可以通过以下配置将测试结果上传到 S3：
script: - karma start karma.conf.js --single-run --browsers PhantomJS after_script: - aws s3 cp test/reports/test-results.xml s3://my-bucket/test-results-${TRAVIS_BUILD_NUMBER}.xml
示例代码
下面是一个简单的测试用例，输出测试结果到 test/reports/test-results.xml 文件中。该测试用例需要依赖 karma 环境，可以通过 karma-init-js 快速生成一个 karma 配置。将 karma.conf.js 和以下代码保存到同一目录下，运行 karma start karma.conf.js 即可执行测试。
// test/hello-world.spec.js describe('hello world', function() { it('should return hello world', function() { expect('hello world').toEqual('hello world'); }); });
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8aa6
