前言
在前端开发中，单元测试非常重要，能够保证代码的质量和稳定性。而 Chai 是一个常用的 JavaScript 测试库，它提供了丰富的断言风格，以及对 BDD 和 TDD 风格的支持。在编写测试用例时，使用 Chai 链式调用的方法可以轻松简洁地编写代码，并能保证代码的可读性。
Chai 的链式调用
在使用 Chai 进行测试时，可以通过链式调用来进行多个断言的组合，这样写出来的代码可读性更好，也能让测试代码更简洁。
在 Chai 中，包含了三种断言风格，它们分别是 assert、expect 和 should。针对每种风格，对应的链式调用方法也略有不同。下面以 expect 断言为例，讲解 Chai 的链式调用。
基本链式调用
使用 expect(val) 创建一个断言，再通过 to 和其它方法去断言值。
----- ------ - -----------------------
--------------- ------- ---------- -
---------- ---- ---- ----- -- --- ------- ---------- -
-------- - ----------------
---
---------- ---- ---- ----- -- --- -- ---- ------------ ---------- -
----------------------------------
----------------------------------
---
---上面的代码中，使用 expect 创建了一个值为 5 + 5 的断言，然后使用 to 方法进行比较。此外，通过 .be 和 .not 方法来判断数据类型或者取反。
链式调用的连写
在 Chai 中，也可以通过 .to 或 .be 后面加多个调用方法来连写，实现多个断言之间的组合。我们可以使用 .and 连接两个调用方法，这样既不会中断链式调用，也能让代码更直观。
----- ------ - -----------------------
----------------- ----------- ---------- -
---------- ------ ---- ---- --- ---------- ------ ---------- -
----- --- - ---
-------------------------------------------------
---
---在上面的代码中，.and 方法用来连接两个断言，expect 断言的值必须同时满足两个条件，即是 number 类型，并且大于 5。
使用 expect API 的链式调用
expect API 是 Chai 中默认的断言风格，它通过 .to 等方法进行链式调用。与上面介绍的方式相似，我们也可以通过 .and 进行流式调用。
----- ------ - -----------------------
---------------- ----------- ---------- -
---------- ------- ---- ------ ----- ---------- -
---------- -- --------------------------------------------------
---
---在上面的代码中，.to 方法用来判断数组类型，并用 .and 方法连接后面的判断语句，判断数组长度是否为 3。
总结
通过本文的介绍，我们能够清晰地了解 Chai 中的链式调用方法，以及如何使用链式调用在测试用例中进行组合。链式调用能够通过语义化的方式表达测试条件，在实现多个测试条件时能够避免使用多个断言语句组成，从而使代码更加清晰。
----- ------ - -----------------------
----------------- -----------
------------ ---------- -
-------- - ----------------
--------------------------------
---------- -- ----------------------
--
--上面的代码中，我们创建一个测试用例，该测试用例包含了三个链式调用，分别是对两个数字相加进行判断、判断字符串类型，以及判断数组长度是否为 3. 在我们测试代码的过程中，可以通过使用链式调用来提升代码的可读性、可维护性和组合性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65338db67d4982a6eb71b8bb