前言
在前端开发中，我们通常使用 npm 来管理我们的依赖。但是在进行单元测试时，如果将我们需要测试的文件打包，将会很慢。因此，我们需要一个更好的方式来进行单元测试。
在这篇文章中，我们将介绍怎么使用 karma-common-js，一个 npm 包，来更好地进行单元测试。
安装 karma-common-js
使用 npm，我们可以很容易地安装 karma-common-js。使用以下命令即可完成安装：
npm install karma-common-js --save-dev
使用 karma-common-js
使用 karma-common-js 的方式也很简单，你只需要在你的 karma.conf.js 中添加一些配置即可。
首先，你需要在文件头部引入 karma-common-js：
const karmaCommonJS = require('karma-common-js');然后，在你的 karma.conf.js 文件中，你需要这样配置：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---------
----------- --------------
------ -
- -------- -------------- --------- ----- --
- -------- -------------------- --------- ----- --
-------------------
--
-------------- -
-------------------- --------------------
-------------- --------------------
-------------------- -------------------
--
--------- -
-------- -
- ----- ----- ----- ---- --
- ----- ------ -
-
--
---
--这样的配置将告诉 Karma 去使用 karma-common-js 来进行预处理。同时，karma-common-js 中提供的 commonJS 选项将会允许你模拟模块依赖，以便方便你的测试。
示例代码
下面是一个简单的示例代码，你可以参考来学习使用 karma-common-js。
源代码（src/module.js）：
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
-------- --------------------- -
--- -
------ ------------------------------------
- ----- ----- -
------ ------
-
-
-------------- - --------- -- -
----- ----- - ------------------------
------ ------------------ -- -
----- -------- - ------------------ ----------
------ -
---------
---------
------------ ---------------------
--
---
--测试代码（test/module.spec.js）：
-- -------------------- ---- -------
----- ---- - ----------------
--------------
----- ------ - ----------------------------
------------------ ---------- -
---------- ------ -- ------- ---------- -
----------------------------------------
---
---------- ------ ------- ---- ------- ---------- -
----- ------ - ------------------
-------------------------------
--------------------------------------------------
----------------------------------------------
---------------------------------------------
---
---------- ------ ------- ---- ------- ---------- -
----- ------ - ------------------
-------------------------------
--------------------------------------------
----------------------------------------- - ---------------
----------------------------------------- - --------------
---
---------- --------- ------ ------------- ---------- -
----- ------ - ------------------
-------------------------------
------------------------------------------
------------------------------------------
-----------------------------------------
---
---测试模拟模块（test/test-main.js）：
-- -------------------- ---- -------
--- ----- - ---
--- ---- ---- -- ----------------------- -
-- --------------------------------------------- -
-- ---------------------------------- -
-----------------
-
-
-
---------------------- - -------- -- -
-------------
---------------------------- - ----- ---- ---
-------------------------------
---------------- ----- ------ -
---------------------- ------ -
-- -------- -----------------------------------------------------------
----- ------------ - -------------------------------- - ------
----------------------------
---
---
--结束语
使用 karma-common-js 可以大大提高单元测试的效率。希望本文能够帮助到你，让你在单元测试中更得心应手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d8782