在前端测试和覆盖率分析中，经常需要使用到代码转换和测试覆盖率工具。browserify-istanbul 是一个npm包，可以帮助我们将代码转换为可用于浏览器的格式，并且生成测试覆盖率报告。
安装
使用下面的命令来安装 browserify-istanbul：
--- ------- ---------- -------------------
同时也需要安装 browserify 和 karma：
--- ------- ---------- ---------- ----- ---------------- ----------- ---------- ------------------------
用法
配置 Browserify
首先需要在项目根目录下创建一个 package.json 文件，然后添加如下配置：
-
---------- -
------- ------ ------
--
------------------ -
------------- ----------
---------------------- ---------
------- ---------
-------- ---------
------------------- ---------
------------- ---------
-------------- ---------
--------------------------- ---------
-------- ---------
--------------------- ---------
-
-这个配置文件中包含了一些用于测试的依赖，以及一个 test 脚本，用于启动 Karma 运行测试。
然后，需要在项目中创建一个名为 app.js 的文件。这个文件将包含我们要测试的代码。在这个文件中，添加下面的内容：
-------- --------- - ------ - - - --- -- -
配置 Karma
接下来，需要在项目根目录下创建一个 karma.conf.js 文件，添加如下配置：
-------------- - ---------------- -
------------
----------- -------------- -------- --------
------ -
--------------
--
-------------- -
--------------- --------------
--
--------- --------------
----------- -
------ -----
---------- ------------------------ - ------------------- - ------------ ---- - ---
--
---------- ------------ ------------
----------------- -
---- -----------
---------- -
- ----- ------- ------- ------ --
- ----- ------- ------- --- --
- ----- -------------- -
-
-
---
--这个文件中包含了 Karma 的配置信息，包括使用的框架、要运行的测试文件、预处理器、浏览器、报告生成等。
创建测试文件
在项目根目录下创建一个名为 test/app-test.js 的文件，添加如下配置：
--- ------ - -----------------------
--- ------ - ----------------------------
------------------ ---------- -
---------- ------ ---- ---- ----- -- ---- -------- ---------- -
----------------------- ------
---
---------- ------ ----- ---- ----- -- --- -------- ---------- -
----------------------- -------
---
---在这个文件中，使用 chai 进行断言测试，并从 app.js 中引入要测试的函数。
运行测试
运行下面的命令来启动 Karma：
--- ----
Karma 将会在 PhantomJS 浏览器中运行测试，并生成一份测试覆盖率报告。你可以在 coverage/html/index.html 文件中查看报告。
结论
通过使用 browserify-istanbul，我们可以轻松地将代码转换为可用于浏览器的格式，并且生成测试覆盖率报告。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/50353