Chai 是一个流行的 JavaScript 测试库，它提供了一系列的断言函数和链式 API，使得我们可以轻松地进行单元测试和集成测试。在 Angular 应用程序中，我们也可以使用 Chai 进行测试。
安装 Chai
我们首先需要在 Angular 应用程序中安装 Chai。我们可以使用 npm 安装 Chai，命令如下：
npm install chai --save-dev
使用 Chai
在 Angular 应用程序中使用 Chai 非常简单。我们只需要在测试文件中导入 Chai，并在测试函数中使用 Chai 提供的断言函数。例如：
-- -------------------- ---- -------
------ - ------ - ---- -------
------------------ -- -- -
---------- -- ---- --- -- -- -
-------- ------ ------- -- -------- ------ -
------ - - --
-
------------- ----------------
---
---在上面的例子中，我们首先导入了 Chai 的 expect 函数，并在测试函数中定义了一个加法函数 add，然后使用 expect(add(1, 2)).to.equal(3) 断言 add(1, 2) 的返回值应该等于 3。
Chai 提供了很多种不同的断言函数，例如 to.be.true、to.be.false、to.be.null、to.be.undefined、to.be.empty、to.be.an.instanceof 等等。我们可以根据需要选择合适的断言函数。
使用 Chai 的扩展
Chai 还提供了一些扩展插件，使得我们可以扩展它的功能。下面介绍一些常用的扩展插件。
Chai-as-promised
Chai-as-promised 是一个 Chai 插件，它提供了对 Promise 的支持。我们可以使用 Chai-as-promised 来测试 Promise 的 resolve 和 reject。我们可以使用 npm 安装 Chai-as-promised，命令如下：
npm install chai-as-promised --save-dev
然后，在测试文件中导入 Chai 和 Chai-as-promised，然后使用 chai.use(require('chai-as-promised')) 来加载 Chai-as-promised 插件。例如：
-- -------------------- ---- -------
------ - ------ - ---- -------
------ ---- ---- -------
------ -------------- ---- -------------------
-------------------------
------------ --------- -- -- -
---------------------- --- ------- --- --- -- -- -
------ --------------------------------------------------
---
-------------------- --- -------- -- -- -
------ ----------------------------------------
---
-------------------- --- ------ ------------ -- -- -
------ ------------------------- -------------------------------------------
---
---在上面的例子中，我们首先导入了 Chai、Chai-as-promised，并使用 chai.use(chaiAsPromised) 加载了 Chai-as-promised 插件。然后，我们使用 expect(Promise.resolve(1)).to.eventually.equal(1) 断言 Promise.resolve(1) 应该返回 1；使用 expect(Promise.reject()).to.be.rejected 断言 Promise.reject() 应该被 reject；使用 expect(Promise.reject(new Error('错误信息'))).to.be.rejectedWith('错误信息') 断言 Promise.reject(new Error('错误信息')) 应该被 reject，并返回指定的错误信息。
Chai-dom
Chai-dom 是一个 Chai 插件，它提供了对 DOM 元素的支持。我们可以使用 Chai-dom 来测试 DOM 元素的属性、内容等等。我们可以使用 npm 安装 Chai-dom，命令如下：
npm install chai-dom --save-dev
然后，在测试文件中导入 Chai 和 Chai-dom，然后使用 chai.use(require('chai-dom')) 来加载 Chai-dom 插件。例如：
-- -------------------- ---- -------
------ - ------ - ---- -------
------ ---- ---- -------
------ ------- ---- -----------
------------------
------------ --- ---- -- -- -
------------- -- -
----------------------- - -
---- ---------------
---- -------------------
---- -----------------------
---- ------------ -----------------------
------
--
---
------------ -- -- -
------------------------------------------------------
---
------------- ------- -- -- -
--------------------------------------------------------------
---
------------------- -- -- -
--------------------------------------------------------------------------
---
------------- ---- ---- -- -- -
------------------------------------------------------------------------------- -------
---
---在上面的例子中，我们首先使用 beforeEach 函数在每个测试用例运行之前初始化 DOM 元素。然后，我们使用 expect(document.querySelector('#container')).to.exist 断言指定的元素应该存在；使用 expect(document.querySelector('.item')).to.have.class('item') 断言指定的元素应该包含指定的 class；使用 expect(document.querySelector('.item:nth-child(2)')).to.have.text('文本内容') 断言指定的元素应该包含指定的文本内容；使用 expect(document.querySelector('.item:nth-child(3)')).to.have.attr('data-value', '123') 断言指定的元素应该包含指定的 data 属性。
总结
使用 Chai 进行测试非常方便，Chai 提供了丰富的断言函数和链式 API，使得我们可以轻松地编写测试代码。同时，Chai 也提供了一些有用的扩展插件，如 Chai-as-promised 和 Chai-dom，可以进一步扩展 Chai 的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a08142add4f0e0ff8cd153