前言
在前端开发过程中，对代码的单元测试是非常重要的，它可以提高代码的可维护性和稳定性，为团队协作提供较高的保障。其中，karma 是一个非常流行的测试工具，它可以在浏览器中运行测试用例，并生成测试报告。本文将介绍如何使用 npm 包 karma-brackets 来完成测试工作。
环境准备
在开始之前，请确保安装了以下软件：
- Node.js
- Karma
本文将以基于 Angular 8 的项目为例进行说明。
安装 karma-brackets
打开终端，进入到项目根目录。
运行以下命令：
npm install karma-brackets --save-dev
安装完成后，在项目根目录下的
node_modules目录中可以找到karma-brackets。
配置 karma.conf.js
在项目根目录下创建
karma.conf.js文件。如果已有该文件，则在其中添加如下配置项：-- -------------------- ---- ------- -- ----- ------- --- -------------- -- -------- - --- ------------------------- --- -- -- ----- -------- --- ------ - -------- --------- ---------- ------------ -- ------ ------------------- ---------- ------------ ------------ -- ------ ---------------------------- ----------------- - ---- ------------ ---------- - - ----- ------- ------- ------ -- - ----- ----------- ------- --- -- - ----- -------------- -- - -- -- ------ -------- ------- -------- --- --------- - ------ - --------------- -- ------------------- -------------------------------- -- ------------ - -- -- ------ ----------------------- -------------- - ---------- ------------ -- --- --- ------------ -- -- ------ --------- --- --- ---- -- ----- - -------------------- ------ ------ -在项目根目录下创建
tsconfig.spec.json文件，添加以下内容：-- -------------------- ---- ------- - ---------- ------------------ ------------------ - --------- ----------------- ---------- ----- --------- ----------- -------- - ---------- ------ - -- -------- - ------------- -- ---------- - --------------- ----------- - -
编写测试用例
在项目根目录下的
src目录中创建test.ts文件，添加以下内容：-- -------------------- ---- ------- ------ ---------- ------ ------------------ ------ - ---------- - ---- ------------------------ ------ - ---------------------------- ----------------------------- - ---- -------------------------------------------- -- ------ --------------------------------- ---------------------------- ------------------------------- -- -- -------- ----- ------- - --------------------- ----- --------------- ----------------------------在项目根目录下的
src目录中创建app.component.spec.ts文件，添加以下内容：-- -------------------- ---- ------- ------ - ------- - ---- ------------------------ ------ - ------------ - ---- ------------------ ------------------------ -- -- - ---------------- -- -- - ----- -------------------------------- ------------- - ------------ -- ----------------------- --- ---------- ------ --- ----- -- -- - ----- ------- - -------------------------------------- ----- --- - -------------------------- ------------------------- --- ---------- ---- -- ----- ---------- -- -- - ----- ------- - -------------------------------------- ----- --- - -------------------------- ------------------------------------ --- ---------- ------ ------- -- -- - ----- ------- - -------------------------------------- ------------------------ ----- -------- - ---------------------- --------------------------------------- ------------------------------------- --- -- ----------- --- ---
运行测试用例
在终端中进入项目根目录，并运行以下命令：
karma start
然后，终端将显示测试结果和覆盖率报告。
在浏览器中查看测试用例运行情况：
http://localhost:9876/
在运行测试文件之前，请确保已经打开 Brackets，这样 karma 将会在 Brackets 中自动打开测试文件并运行测试用例。如果未出现，可以手动打开测试文件并运行测试用例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef84c49986ca68d8701