在前端开发中，测试是一个非常重要的环节。而断言库则是测试中必不可少的工具之一。Chai.js 是一个流行的 JavaScript 断言库，它提供了多种风格的断言，其中最常用的就是 expect 和 should。本文将比较这两种风格的使用，以及它们在测试中的应用。
expect 风格
expect 风格是 Chai.js 最常用的一种风格。它的语法非常简洁明了，可以轻松地编写出易读易懂的测试用例。
基本语法
使用 expect 断言库，需要先引入 Chai.js：
const chai = require('chai');
const expect = chai.expect;然后就可以开始编写测试用例了：
describe('addition', () => {
it('should return 3 when adding 1 and 2', () => {
expect(1 + 2).to.equal(3);
});
});在上面的代码中，我们使用 describe 和 it 函数定义了一个测试用例。在 it 函数中，我们使用 expect(1 + 2) 来进行断言。其中 to.equal(3) 表示期望结果为 3，如果结果不是 3，测试就会失败。
常用断言
expect 风格提供了多种常用的断言方法，下面列举一些常用的例子：
-- -------------------- ---- ------- -- ---- -------- - --------------- -- ----- -------- - ------------------- -- ------ ------------------------ -- ------ -------------------------- -- ----- ---- ------------------------ -- ----- --------- ---------------------------------- -- ------ ------------- ---------------------------- -- ------------ ------------- ------------------------------ -- ------------ ------------- ----------------------------
深度比较
在比较对象或数组时，expect 风格也提供了深度比较的方法：
// 判断对象是否相等
expect({ a: 1, b: 2 }).to.deep.equal({ a: 1, b: 2 });
// 判断数组是否相等
expect([1, 2, 3]).to.deep.equal([1, 2, 3]);异步测试
在异步测试中，expect 风格也提供了相应的方法：
// 判断异步函数是否返回正确结果
it('should return 3 after 1 second', (done) => {
setTimeout(() => {
expect(1 + 2).to.equal(3);
done();
}, 1000);
});在上面的代码中，我们使用 done 参数来告诉 Mocha，测试用例已经完成。如果没有 done 参数，测试用例会在异步函数执行完成之前结束，导致测试失败。
should 风格
should 风格是 Chai.js 另一种常用的断言风格。它的语法更加简洁，可以让测试用例更加易读。
基本语法
使用 should 断言库，需要先引入 Chai.js：
const chai = require('chai');
const should = chai.should();需要注意的是，should() 函数必须调用，否则 should 断言就无法生效。
然后就可以开始编写测试用例了：
describe('addition', () => {
it('should return 3 when adding 1 and 2', () => {
(1 + 2).should.equal(3);
});
});在上面的代码中，我们使用 should() 函数返回一个对象，然后使用对象的 should 属性来进行断言。其中 should.equal(3) 表示期望结果为 3，如果结果不是 3，测试就会失败。
常用断言
should 风格提供了多种常用的断言方法，下面列举一些常用的例子：
-- -------------------- ---- ------- -- ---- -- - ------------------- -- ----- -- - ----------------------- -- ------ -------------------- -- ------ ---------------------- -- ----- ---- ----------------------- -- ----- --------- ---------------------------- -- ------ ------ ------------------------------- -- ------------ ------ --------------------------------- -- ------------ ------ -------------------------------
深度比较
在比较对象或数组时，should 风格也提供了深度比较的方法：
// 判断对象是否相等
({ a: 1, b: 2 }).should.deep.equal({ a: 1, b: 2 });
// 判断数组是否相等
[1, 2, 3].should.deep.equal([1, 2, 3]);异步测试
在异步测试中，should 风格也提供了相应的方法：
// 判断异步函数是否返回正确结果
it('should return 3 after 1 second', (done) => {
setTimeout(() => {
(1 + 2).should.equal(3);
done();
}, 1000);
});在上面的代码中，我们使用 done 参数来告诉 Mocha，测试用例已经完成。如果没有 done 参数，测试用例会在异步函数执行完成之前结束，导致测试失败。
两种风格的比较
expect 风格和 should 风格在使用上有一些区别，下面列举一些常见的区别：
- expect 风格使用 to 关键字来连接断言，而 should 风格使用 . 属性访问器来连接断言。
- expect 风格的语法更加冗长，需要使用 expect() 函数来进行断言，而 should 风格的语法更加简洁，可以直接在表达式中使用。
- expect 风格需要引入 expect 变量，而 should 风格需要调用 should() 函数。
- expect 风格的断言方法是全局的，可以在任何地方使用，而 should 风格的断言方法是在对象上的，只能在对象上使用。
两种风格的使用习惯不同，开发者可以根据自己的喜好选择其中一种风格。但需要注意的是，在同一个项目中尽量保持一致性，以便于维护和协作。
总结
本文介绍了 Chai.js 的两种常用断言风格：expect 风格和 should 风格。两种风格都提供了丰富的断言方法，可以满足不同的测试需求。开发者可以根据自己的喜好选择其中一种风格，并在项目中保持一致性。无论是哪种风格，都可以帮助开发者编写出易读易懂的测试用例，提高代码的可靠性和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663e922cd3423812e4ccc9e7