前言
Chai.js 是一个 JavaScript 断言库，它提供了三种风格的断言方式：expect、assert 和 should。其中，expect 风格是最常用的一种，它可以帮助我们编写更加简洁、易于维护的测试代码。本文将详细介绍 Chai.js 中 expect 方法的各种用法，希望能够对前端开发者有所帮助。
基本用法
expect 方法最基本的用法是判断一个值是否等于另一个值。例如：
const a = 1; expect(a).to.be.equal(1);
在上面的代码中，我们使用 expect 方法判断变量 a 是否等于 1。如果 a 等于 1，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。
除了使用 to.be.equal 这种语法，我们还可以使用其他的语法来表达相同的意思。例如：
const a = 1; expect(a).to.equal(1); expect(a).to.eql(1); expect(a).to.not.be.not.equal(2);
上面的代码中，我们分别使用了 to 和 not.be.not 这两种语法来表达相同的意思。其中，to 用于判断两个值是否相等，not.be.not 用于判断两个值是否不相等。
链式语法
expect 方法支持链式语法，这样可以让测试代码更加简洁、易于阅读。例如：
const a = [1, 2, 3];
expect(a).to.be.an('array').that.includes(2);在上面的代码中，我们使用了链式语法来判断变量 a 是否是一个数组，并且包含元素 2。如果 a 不是一个数组，或者不包含元素 2，那么 expect 方法就会抛出一个 AssertionError 异常。
除了 to.be.an 和 that.includes 这两种语法，我们还可以使用其他的语法来表达相同的意思。例如：
const a = [1, 2, 3];
expect(a).to.be.an('array').that.have.lengthOf(3);
expect(a).to.be.an('array').that.contains(2);上面的代码中，我们分别使用了 have.lengthOf 和 contains 这两种语法来表达相同的意思。其中，have.lengthOf 用于判断数组的长度是否等于指定的值，contains 用于判断数组是否包含指定的元素。
深度比较
expect 方法支持深度比较，这样可以让测试代码更加灵活、易于维护。例如：
const a = { b: { c: 1 } };
expect(a).to.deep.equal({ b: { c: 1 } });在上面的代码中，我们使用了 deep.equal 这种语法来判断对象 a 是否等于另一个对象。如果 a 等于另一个对象，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。
除了 deep.equal 这种语法，我们还可以使用其他的语法来表达相同的意思。例如：
const a = { b: { c: 1 } };
expect(a).to.eql({ b: { c: 1 } });
expect(a).to.not.deep.be.not.equal({ b: { c: 2 } });上面的代码中，我们分别使用了 eql 和 not.deep.be.not 这两种语法来表达相同的意思。其中，eql 用于判断两个对象是否深度相等，not.deep.be.not 用于判断两个对象是否不深度相等。
异步测试
expect 方法支持异步测试，这样可以让测试代码更加完备、可靠。例如：
-- -------------------- ---- -------
----- ------- - -- -- -
------ --- --------------- -- -
------------- -- -
-----------
-- ------
---
--
---------- ------ - ----- - -------- ----- -- -- -
----- ------ - ----- ----------
------------------------------
---在上面的代码中，我们使用了 async/await 这种语法来测试异步代码。如果 getData 方法在 1 秒钟内返回了值 1，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。
除了 async/await 这种语法，我们还可以使用其他的语法来测试异步代码。例如：
-- -------------------- ---- -------
----- ------- - -- -- -
------ --- --------------- -- -
------------- -- -
-----------
-- ------
---
--
---------- ------ - ----- - -------- -- -- -
------ --------------------- -- -
------------------------------
---
---上面的代码中，我们使用了 Promise 这种语法来测试异步代码。如果 getData 方法在 1 秒钟内返回了值 1，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。
总结
本文详细介绍了 Chai.js 中 expect 方法的各种用法，包括基本用法、链式语法、深度比较和异步测试等。通过学习本文，我们可以更加熟练地使用 Chai.js 来编写测试代码，从而提高代码的可靠性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/657ef94ed2f5e1655d9d9719