前言
在前端开发中进行单元测试是一个非常重要的环节，它可以保证代码的质量和可维护性。而 Chai.js 是一个非常流行的 JavaScript 测试库，其中 expect 断言风格被广泛使用。本文将详细介绍 expect 断言的链式调用，包括其中的常用方法和使用方式，旨在帮助读者更好地使用 Chai.js 进行单元测试。
基本语法
Chai.js 的 expect 断言风格使用起来非常方便，只需要将期望值传递给 expect 方法即可进行断言。例如：
const expect = require('chai').expect; // 判断变量 a 的值是否等于 1 expect(a).to.equal(1);
除了基础比较之外，expect 断言还支持很多其他的操作，其中就包括链式调用。所谓链式调用，就是指可以通过 . 连接多个方法，使得代码更加简洁易懂。
下面是一个简单的示例：
expect(a).to.be.a('number').and.to.be.above(0);
这里我们对 a 进行了两个断言，首先判断 a 是不是一个数字，然后断言 a 的值大于 0。这样一来，代码可读性就得到了很大的提升。
常用方法
Chai.js 中 expect 断言的链式调用支持的方法非常丰富，接下来我们介绍一些常用的方法，供读者参考。
be / have / do
be、have 和 do 这三个方法是 Chai.js 中用于构成链式调用的关键方法，它们具有极高的可组合性和可读性，用起来非常方便。
以 be 为例，它表示断言实际值等于期望值。最基本的语法如下：
expect(a).to.be.equal(b);
其中 a 表示实际值，b 表示期望值，这里我们使用了 .be 和 .equal 两个方法来构建链式调用。
同样的，have 用于表示实际值拥有期望值，而 do 则用于表示实际值执行期望值。例如：
// 判断数组 a 是否包含元素 b expect(a).to.include(b); // 判断函数 f 的返回值为 true expect(f()).to.be.true;
not
not 方法表示取反，用于否定原有的断言。例如：
expect(a).to.not.equal(b); expect(a).to.not.include(b); expect(f()).to.not.be.true;
deep
deep 方法表示深度比较，用于比较对象和数组等复杂类型。例如：
const a = { b: [1, 2, 3] }; const c = { b: [1, 2, 3] }; expect(a).to.deep.equal(c);
这里我们对两个对象进行比较，因为对象是引用类型，所以直接使用 equal 方法会得到 false 的结果。而使用 deep 方法，则会对对象的属性递归进行比较，得到预期的 true。
length
length 方法表示比较长度，用于比较数组、字符串等类型的长度。例如：
expect(a).to.have.length(3);
这里我们断言数组 a 的长度等于 3，这个方法同样适用于字符串等类型。
throw
throw 方法表示捕获异常，用于判断某个函数是否会抛出异常。例如：
expect(f).to.throw(Error); expect(f).to.throw('message'); expect(f).to.throw(/pattern/);
这里我们传递了不同的参数来描述异常的类型和细节，比较灵活。
示例代码
最后给出一个具体的示例代码，供读者参考。
-- -------------------- ---- ------- -- ----- ----- ------ - ----------------------- -- ---- ---------------- -- -- - ---------- -- ----- -- --- -- -- - ----- - - -- ---------------------- --- ---------- -- - ------ --- ----- --- -- -- - ----- - - -- ----------------------------------------------- --- ---------- --- -- ----- -- --- -- -- - ----- - - -- -------------------------- --- ---------- ------- --- -- -- - ----- - - --- -- --- ------------------------ --- ---------- ---- ------ -- --- -- -- - ----- - - --- -- --- ---------------------------- --- ---------- ----- -- ------- -- -- - ----- - - -- -- - ----- --- ------------ ---------- -- ------------------------- ------ ---------- --- ---------- ----- -- - -- --- -- -- --- -- -- - ----- - - - -- --- -- -- -- ----- - - - -- --- -- -- -- --------------------------- --- ---展开代码
结语
本文介绍了 Chai.js 中 expect 断言的链式调用，包括其中的常用方法和使用方式，并附有详尽的代码示例。希望读者在使用 Chai.js 进行单元测试时，能够参考本文的内容，以获得更好的使用体验和效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b80767306f20b3a65765d7
