在前端开发中，我们经常会使用到 ExtJS 这个 JavaScript 框架。而 karma-ng-extjs-scenario 是一个针对 ExtJS 的单元测试工具，通过它可以更加方便地进行测试。本文将针对 karma-ng-extjs-scenario 的使用进行详细介绍。
安装 karma-ng-extjs-scenario
在使用 karma-ng-extjs-scenario 前，需要先安装好 Karma 测试运行器。Karma 是一个测试运行器，用于对 JavaScript 代码进行单元测试。安装方式如下：
npm install -g karma
安装好 Karma 后，再通过 npm 安装 karma-ng-extjs-scenario：
npm install karma-ng-extjs-scenario --save-dev
运行上述命令后，karma-ng-extjs-scenario 将被安装在项目的 node_modules 目录下。
配置 karma.conf.js
接下来，需要在项目目录下创建一个 karma.conf.js 文件。在文件中，需要添加一些配置项，使得 karma-ng-extjs-scenario 能够正确地运行。
-- -------------------- ---- -------
-------------- - ---------------- -
------------
--------- ---
----------- ----------- ---------------------
------ -
-- --- ------ ---
--
-------------- ---
---------------- -
------------ ----------------
---------- ------
------------- -
------------------ ---------------------------------
-
--
----- -----
------- -----
--------- -----------------
---------- -----
--------- -----------
--------------- ------
---------- ------
-------- -
----------------
--------------------------
-----------------------
-
---
--在上述配置中，需要注意的是：
frameworks需要添加ng-extjs-scenario，表示需要使用 karma-ng-extjs-scenario 提供的测试框架。ngExtjsScenario是 karma-ng-extjs-scenario 的配置项，其中需要配置 ExtJS 的基础路径和测试页面的模板路径。
编写测试用例
接下来，就可以开始编写测试用例了。假设有个叫做 Sample 的 ExtJS 应用，其中包含了一个叫做 Sample.view.View1 的 ExtJS 视图。该视图中有一个叫做 Sample.view.View1.button 的 Button 组件。
-- -------------------- ---- -------
------------------------------- -
------- ------------------
------ ---------------
------ --------
------ --
------ ---------
----- ------ ----
------- --------
--
---那么，我们可以编写一个测试用例来测试该 Button 组件的表现：
-- -------------------- ---- -------
------------- ----- -------- ---------- -
--------------------- -
----------------------------------------
---
---------- ------- ------ --- ------ ---------- -
--------------------------------------------- -----
---
---------- --------- --- ----- ------- ---------- -
------------------------------------------------
---------------------------
------------------------------------------------
---
---在上述测试用例中，describe 表示一个测试集合，下面可以添加多个 it 表示具体的测试用例。beforeEach 表示在每个测试用例运行前需要初始化一些环境，此处的 browser().navigateTo() 指定了测试的页面地址。
运行测试
完成上述的配置和编写测试用例后，就可以运行测试了。在命令行输入以下命令：
karma start
运行成功后，就能在命令行中看到测试的结果了。
结束语
本文介绍了 karma-ng-extjs-scenario 的安装、配置和使用，并附上了一个简单的测试用例。通过本文的学习，可以更好地掌握 karma-ng-extjs-scenario 的使用方法，并在实际项目中应用进行单元测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8a37