前言
ng4-test-pkg 是一个基于 Angular 4 开发的测试用 npm 包，用于在 Angular 4 项目中运行单元测试，对于前端开发者来说是一个非常实用的工具。本篇文章主要介绍如何使用 ng4-test-pkg，并给出一些示例代码。需要注意的是，本文假设读者已经熟悉 npm 包的基本使用和 Angular 4 的开发知识。
安装
在命令行中使用 npm 命令进行安装:
npm install ng4-test-pkg --save-dev
使用方法
引入
在需要使用 ng4-test-pkg 的文件中引入：
import { Ng4TestPkgModule } from 'ng4-test-pkg';配置
在 app.module.ts 中引入 Ng4TestPkgModule 并配置：
@NgModule({
imports: [
...
Ng4TestPkgModule
],
...
})
export class AppModule { }使用
在需要使用单元测试的组件中，用 Jasmine.describe() 包裹测试用例，并使用 TestBed.compileComponents() 编译组件。然后调用 ng4-test-pkg 中的测试用例。
例如：
-- -------------------- ---- -------
------ - -------- ---------------- - ---- ------------------------
------ - ------------ - ---- ------------------
------ - ----------------- - ---- ---------------
------------------------ -- -- -
--- ---------- -------------
--- -------- -------------------------------
--- ------------------ ------------------
------------- -- -
--------------------------------
------------- ---------------
---------- -------------------
---
------- - --------------------------------------
--------- - --------------------------
----------------- - -------------------------------
----------------------------
---
---------- ------ --- ----- -- -- -
-------------------------------
---
---------- ---- -------------- -- -- -
-------------------------
---
---例子
简单的例子
-- -------------------- ---- -------
------ - ----------------- - ---- ---------------
----------------------------- -- -- -
--- -------- ------------------
------------- -- -
------- - --- --------------------
---
---------- -- --------- -- -- -
-----------------------------
---
---------- --- ------- ----------- -- -- -
--------------------- ---------------
---------------------- -----------------
--------------------- ----------------
---
---使用 ComponentFixture
-- -------------------- ---- -------
------ - -------- ---------------- - ---- ------------------------
------ - -------------- - ---- --------------------
------ - ----------------- - ---- ---------------
-------------------------- -- -- -
--- ---------- ---------------
--- -------- ---------------------------------
--- ------------------ ------------------
------------- -- -
--------------------------------
------------- -----------------
---------- -------------------
---
------- - ----------------------------------------
--------- - --------------------------
----------------- - -------------------------------
----------------------------
---
---------- ---- -------------- -- -- -
-------------------------
---
---------- ------- -------- ------ -- -- -
-------------- - ------- --------
------------------------
----- ------- - -----------------------------------
---------------------------------------------------------------- ---------
---
---结论
使用 ng4-test-pkg 可以很方便地进行单元测试，它使得我们的代码质量更加可靠。希望这篇文章对你有所帮助，如果有问题请留言探讨。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea381e8991b448dbfde