详解 Chai.js 中 expect 方法的各种用法-JavaScript中文网-JavaScript教程资源分享门户

前言

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 方法支持异步测试，这样可以让测试代码更加完备、可靠。例如：

// javascriptcn.com 代码示例
const getData = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  });
};

it('should return 1 after 1 second', async () => {
  const result = await getData();
  expect(result).to.be.equal(1);
});

在上面的代码中，我们使用了 async/await 这种语法来测试异步代码。如果 getData 方法在 1 秒钟内返回了值 1，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。

除了 async/await 这种语法，我们还可以使用其他的语法来测试异步代码。例如：

// javascriptcn.com 代码示例
const getData = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  });
};

it('should return 1 after 1 second', () => {
  return getData().then(result => {
    expect(result).to.be.equal(1);
  });
});

上面的代码中，我们使用了 Promise 这种语法来测试异步代码。如果 getData 方法在 1 秒钟内返回了值 1，那么 expect 方法就会返回一个断言成功的对象；否则，就会抛出一个 AssertionError 异常。

总结

本文详细介绍了 Chai.js 中 expect 方法的各种用法，包括基本用法、链式语法、深度比较和异步测试等。通过学习本文，我们可以更加熟练地使用 Chai.js 来编写测试代码，从而提高代码的可靠性和可维护性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657ef94ed2f5e1655d9d9719