在编写前端测试的过程中，我们会经常使用 Jest 这个优秀的测试框架。但是，在 Jest 中使用自带的断言库可能无法满足我们的需求，这时候就可以考虑使用第三方的断言库来进行测试。
Chai 是一个很好用的断言库，它提供了丰富的断言语法，可以针对不同的情况进行灵活的断言。本文将介绍在 Jest 中如何使用 Chai 进行断言。
安装和使用 Chai
首先，我们需要安装 Chai 库。可以通过 npm 进行安装：
--- ------- ----
安装完成后，我们就可以在测试文件中使用 Chai 了。
----- ---- - ----------------
使用 Chai 进行断言时，我们需要选择一种风格。Chai 提供了多种风格的语法，其中最常用的是 expect 风格。在使用 expect 风格时，我们需要在测试文件中引入 chai，然后在每个测试用例中使用语句 expect(...).to... 进行断言。
----- ---- - ----------------
---------------- -- -- -
-------------------- -- -- -
----- - - --
----- - - --
----------------------
---
------------------------- -- -- -
----- --- - --- -- -- -- ---
--------------------------
---
-- ---
---Chai 的常用断言
Chai 提供了很多断言方法，可以帮助我们编写更灵活和严谨的测试用例。下面介绍常用的几个断言方法：
相等断言
相等断言是测试中最常用的断言之一。Chai 提供了两种方式进行相等比较：equal 和 eql。其中，equal 断言比较的是两个变量的内存地址是否相等，而 eql 断言比较的是两个变量的值是否相等。
equal 断言
----------------------
上述代码将 a 和 b 进行相等断言。如果 a 和 b 的内存地址相等，断言通过。否则，断言失败。
eql 断言
--------------------
上述代码将 a 和 b 进行相等断言。如果 a 和 b 的值相等，断言通过。否则，断言失败。
包含断言
包含断言可以用来判断某个值是否包含在一个数组或一个对象中。Chai 提供了两种方式进行包含断言：include 和 contain。其中，include 断言用于数组，而 contain 断言用于对象。
include 断言
----------------------------------
上述代码将数组 array 进行包含断言，判断元素 element 是否包含在数组中。如果包含，断言通过。否则，断言失败。
contain 断言
-------------------------------
上述代码将对象 object 进行包含断言，判断属性 key 是否在对象中存在。如果存在，断言通过。否则，断言失败。
类型断言
类型断言用于判断值的数据类型。Chai 提供了多种类型断言方法：
-------------------------------- -- -- ----- -------- --------------------------------- -- -- ----- ------- ------------------------- -- -- ----- --- ---- ------------------------------ -- -- ----- --- --------- ------------------------- -- -- ----- --- ---- -------------------------- -- -- ----- --- ----- ------------------------ -- -- ----- --- --- ------------------------------------------------ -- -- ----- ---- --- -----
异常断言
异常断言用于判断一个函数是否抛出了指定的异常。Chai 提供了 throw 断言方法。
---------------------------
上述代码将函数 fn 进行异常断言，判断是否会抛出 Error 类型的异常。如果函数抛出了异常，断言通过。否则，断言失败。
总结
在 Jest 中使用 Chai 进行断言，可以让我们编写更灵活和严谨的测试用例。本文介绍了 Chai 的常用断言方法，包括相等断言、包含断言、类型断言和异常断言。使用 Chai 来编写测试用例，可以提高我们的测试覆盖率和测试质量。
示例代码：https://github.com/microsoft/TypeScript/pull/35441/files#diff-b7ac2f170a96fa8de6c190ed02222593R20
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6466e689968c7c53b07502e7