如何在 Chai 中进行链式调用进行测试用例编写-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，单元测试非常重要，能够保证代码的质量和稳定性。而 Chai 是一个常用的 JavaScript 测试库，它提供了丰富的断言风格，以及对 BDD 和 TDD 风格的支持。在编写测试用例时，使用 Chai 链式调用的方法可以轻松简洁地编写代码，并能保证代码的可读性。

Chai 的链式调用

在使用 Chai 进行测试时，可以通过链式调用来进行多个断言的组合，这样写出来的代码可读性更好，也能让测试代码更简洁。

在 Chai 中，包含了三种断言风格，它们分别是 assert、expect 和 should。针对每种风格，对应的链式调用方法也略有不同。下面以 expect 断言为例，讲解 Chai 的链式调用。

基本链式调用

使用 expect(val) 创建一个断言，再通过 to 和其它方法去断言值。

// javascriptcn.com 代码示例
const expect = require('chai').expect;

describe('basic chain', function() {
  it('should fail when value is not equal', function() {
    expect(5 + 5).to.equal(11);
  });

  it('should fail when value is not of type \'string\'', function() {
    expect('hello').to.be.a('string');
    expect(123).to.not.be.a('string');
  });
});

上面的代码中，使用 expect 创建了一个值为 5 + 5 的断言，然后使用 to 方法进行比较。此外，通过 .be 和 .not 方法来判断数据类型或者取反。

链式调用的连写

在 Chai 中，也可以通过 .to 或 .be 后面加多个调用方法来连写，实现多个断言之间的组合。我们可以使用 .and 连接两个调用方法，这样既不会中断链式调用，也能让代码更直观。

const expect = require('chai').expect;

describe('chained assertion', function() {
  it('should return true when all assertions pass', function() {
    const num = 10;
    expect(num).to.be.a('number').and.to.be.above(5);
  });
});

在上面的代码中，.and 方法用来连接两个断言，expect 断言的值必须同时满足两个条件，即是 number 类型，并且大于 5。

使用 expect API 的链式调用

expect API 是 Chai 中默认的断言风格，它通过 .to 等方法进行链式调用。与上面介绍的方式相似，我们也可以通过 .and 进行流式调用。

const expect = require('chai').expect;

describe('expect assertion', function() {
  it('should support Chai expect API', function() {
    expect([1, 2, 3]).to.be.instanceOf(Array).and.to.have.length(3);
  });
});

在上面的代码中，.to 方法用来判断数组类型，并用 .and 方法连接后面的判断语句，判断数组长度是否为 3。

总结

通过本文的介绍，我们能够清晰地了解 Chai 中的链式调用方法，以及如何使用链式调用在测试用例中进行组合。链式调用能够通过语义化的方式表达测试条件，在实现多个测试条件时能够避免使用多个断言语句组成，从而使代码更加清晰。

// javascriptcn.com 代码示例
const expect = require('chai').expect;

describe('total', function(){
  it('total:', function() {
    expect(5 + 5).to.equal(10);
    expect('foo').to.be.a('string');
    expect([1, 2, 3]).to.have.length(3);
  })
})

上面的代码中，我们创建一个测试用例，该测试用例包含了三个链式调用，分别是对两个数字相加进行判断、判断字符串类型，以及判断数组长度是否为 3. 在我们测试代码的过程中，可以通过使用链式调用来提升代码的可读性、可维护性和组合性。

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