Chai 断言库：如何进行链式（Fluent）断言？
在前端开发中，我们经常需要进行断言操作，比如测试函数是否返回了正确的值或者检查某个节点是否被渲染出来等等。而 Chai 是一个十分流行的 JavaScript 断言库，它提供了多种不同的语言风格和断言风格，其中就包括链式风格（Fluent），通过链式语法，我们可以清晰明了地编写断言，提高我们的代码效率。
如何进行链式（Fluent）断言呢？下面我们来详细了解一下。
- 安装 Chai
首先，我们需要安装 Chai。可以通过 npm 命令进行安装：
npm install chai --save-dev
在安装完成后，我们就可以在项目中使用 Chai 进行断言操作了。
- 熟悉断言语法
在 Chai 中进行链式（Fluent）断言，需要使用 assert 函数对象及其属性来进行。比如：
assert.equal(actual, expected, [message]);: 判断actual是否等于expected。assert.strictEqual(actual, expected, [message]);: 判断actual是否全等于expected。assert.ok(value, [message]);: 判断value是否为真。assert.typeOf(value, name, [message]);: 判断value的类型是否为name。
除了上述语法，还可以通过 expect 和 should 两种不同的语言风格进行断言。这里我们以 expect 为例。
- 进行链式（Fluent）断言
进行链式（Fluent）断言的基本思想是依次调用多个断言语法，并且每个调用都返回一个对象，使得可以在上一个对象的基础上继续进行调用。比如：
expect(foo).to.be.a('string').and.have.lengthOf(3);上面的代码表示，断言 foo 是一个字符串，并且长度为 3。其中 to.be.a('string') 返回的是一个新的对象，可以继续进行 .and 和 .have.lengthOf(3) 调用。
我们可以通过链式（Fluent）断言的方式，对代码中的各种情况进行检测和验证。
- 示例代码
下面是一个示例代码，展示了链式（Fluent）断言的基本用法：
-- -------------------- ---- -------
----- ------ - -----------------------
-- --------
-------- ------ -- -
------ - - --
-
-- -------------
--------------- ---------- -- -- -
---------- ------ - ---- ------ - --- --- -- -- -
------------- ----------------
---
---------- ------ - -------- -- -- -
------------- ----------------------
---
---在示例代码中，我们定义了一个加法函数 add()，并使用 expect 对其进行了两次链式（Fluent）断言：
- 第一次断言，期望
add(2, 3)的结果等于 5。 - 第二次断言，期望
add(2, 3)的结果是一个数值类型。
通过这个示例代码，我们可以了解到链式（Fluent）断言的基本语法和使用方法。在实际开发中，可以根据自己的需求，使用不同的断言语法和链式方式，进行灵活的断言操作。
总结
Chai 是一个功能强大的 JavaScript 断言库，通过链式（Fluent）断言方式，可以提高代码的可读性和可维护性。在实际开发中，我们需要熟悉常用的断言语法和链式调用方式，并根据需求进行灵活使用，提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64926ce848841e989403b5c2