简介
karma-ng-stripscript-preprocessor 是一个由 angularJS 团队推荐使用的 karma 预处理器。该预处理器使用 JavaScript HTML 解析器过滤掉 HTML 中的 script 标签，并且使得我们可以更方便快捷地测试 AngularJS 应用程序。
安装
第一步是在命令行中安装 karma-ng-stripscript-preprocessor。运行以下命令：
--- ------- --------------------------------- ----------
配置
然后需要添加 karma-ng-stripscript-preprocessor 作为一个预处理器。在 karma 配置文件中，添加以下代码：
-------------- - ------------ ------------------- -
使用方法
在我们的测试文件中，我们可以使用 $compile 来编译 HTML 代码。例如：
------------ ----------- ---------- -
--- ------ --------
----------------------------
-------------------------------------- --------- -
----- - -----------
--- ---- - ----- ---------------------
------- - ----------------------
----------------
----
---------- -- ----------- ---------- -
--------------------------------------------------- ---------
---
---我们可以使用该指令在标记中添加任何属性，我们可以使用该指令在标记中添加任何属性。在这个例子中，我们将在符合指令条件的 DOM 元素上应用 myDirective 指令，并且期待其包含一个 span 元素，其中应该是 "Hello, World!"。
示例代码
以下是一个完整的示例代码：
-- -------------
-------------- - ---------------- -
------------
----------- ------------
------ -
--------------------------------------
--------------------------------------------------
-----------------------------------------
--------------
---------------
-----------
--
-------------- -
------------ -------------------
--
-------------------------- -
------------- -----
--
- ---- -- --- ---- -- ---------- -- ---- -- ------ ---- --- ---------
- -- --- ------ -- ------ --- ------- ------- ----------- --- ----- ---- --- -
--
--------------- --------
-
---
---- --------------
-----------------------
------------------------- ---------- -
------ -
--------- ------------- --------------
--
------- ---------------- --- ---- -------------------
-- ------------------
------------ ----------- ---------- -
--- ------ --------
----------------------------
-------------------------------------- --------- -
----- - -----------
--- ---- - ----- ---------------------
------- - ----------------------
----------------
----
---------- -- ----------- ---------- -
--------------------------------------------------- ---------
---
---总结
karma-ng-stripscript-preprocessor 工具使得 AngularJS 应用程序的测试变得更加方便和快捷。在测试中即使使用 $compile() 方法来编译 HTML 代码，也可以在期望结果方面给予更精确的测试。这种构建式的开发也体现了 AngularJS 设计开发者的基本思路，并且可以成为学习 AngularJS 和前端类的开发技能的一份不错的指导意义。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066efd4c49986ca68d8a61