在前端开发中，测试是一项至关重要的工作，而 Chai 是一个流行的 JavaScript 测试库。 Chai 提供了不同类型的断言风格来进行测试，其中最常用的是 “assert” 断言和 “expect” 断言。这两种断言风格有什么不同，以及如何选择使用它们？下面将深入介绍。
assert 断言
“assert” 断言是一种较为传统的断言风格，它使测试代码更加紧凑。assert 断言接收两个参数：实际结果和期望结果。如果两个结果不同，则测试用例失败，否则测试用例通过。以下是一个简单的示例：
const assert = require('chai').assert;
assert.equal(2 + 2, 4); // 成功
assert.equal(2 + 2, 5); // 失败在这个例子中，使用了 assert.equal 方法，该方法会验证两个参数是否相等。如果不同，则测试用例失败；如果相同，则测试用例通过。assert 断言非常适合只需要验证一个条件的测试用例。
expect 断言
“expect” 断言是一种更加具有表达性的断言风格，它采用了链式语法结构，更接近于自然语言。以下是一个简单的示例：
const expect = require('chai').expect;
expect(2 + 2).to.equal(4); // 成功
expect(2 + 2).to.equal(5); // 失败在这个例子中，使用了 expect 方法创建一个期望值，并使用 to.equal 方法来验证实际结果与期望结果是否相等。expect 断言非常适合需要验证多个条件的测试用例。
区别与使用场景
assert 断言和 expect 断言各有优缺点，了解它们的使用场景可以帮助我们更好地选择。以下是两种风格的比较：
| 断言风格 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| assert 断言 | 具有紧凑的语法，可以在单行代码中完成断言 | 在测试用例里嵌入大量条件检查可能导致可读性较差 | 当只需要验证一个条件时，推荐使用 assert 断言 |
| expect 断言 | 链式语法更接近于自然语言，可以进行多个条件的验证 | 在长链式语法中可能会导致可读性较差 | 当需要同时验证多个条件时，推荐使用 expect 断言 |
在某些情况下，assert 断言和 expect 断言也可以混合使用，例如在一个测试用例中，需要验证一个条件和一个包含多个条件的对象，可以这样使用：
const assert = require('chai').assert;
const expect = require('chai').expect;
assert.equal('Hello World', 'Hello World');
expect({ foo: 'bar', baz: 'qux', fizz: 'buzz' }).to.include({ foo: 'bar' });在这个例子中，使用 assert.equal 方法验证了一个字符串，使用 expect 方法验证了一个包含多个属性的对象。
值得注意的是，在使用 expect 断言时，建议使用断言链中的最后一个方法来进行验证。例如，使用 to.deep.equal 方法代替 to.equal 方法可以确保验证过程会对对象、数组等复杂数据结构进行深度比较。
总结
本文介绍了 Chai 测试库中的两种断言风格：assert 断言和 expect 断言。assert 断言使测试代码更加紧凑，适用于只需要验证一个条件的测试用例。expect 断言具有更加表达性的链式语法结构，适用于同时需要验证多个条件的测试用例。在某些情况下，两种断言风格可以混合使用。了解这两种风格的优缺点和适用场景，可以帮助我们更好地选择断言风格，写出更加清晰和具有表达性的测试用例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651de7b695b1f8cacd591239