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