在前端开发中，测试是非常重要的一环。而在测试中，断言库则是一种必不可少的工具。Chai 作为 JavaScript 中知名的断言库，其中的 expect 和 assert 方法也是开发者们比较常用的两种断言方式。本文着重探讨 Chai.expect 和 Chai.assert 的使用场景以及如何区分它们。
Chai.expect
expect 是 Chai 中最常用的断言方式之一，它的形式类似于自然语言的句子，例如 expect(foo).to.be.a('string')，非常易于阅读和理解。同时，expect 断言还可以和其它操作符和修饰词一起使用，比如 not，deep，own 等，从而强化了其表达能力。
expect 一般用于检测值是否符合预期，如果值不符合预期，会抛出 AssertionError 异常。下面是一个使用 expect 断言的示例代码：
-- -------------------- ---- ------- ----- --- - -------- ----- --- - -------- ----- --- - ------- ------ ------- ------------------------------ ------------------------------ -------------------------------- -------------------------------- ------------------------------ ----------------------------------
在上面的代码中，我们使用了 expect 断言来检测变量 foo 和 baz 的属性和值。其中 expect(foo).to.be.a('string') 断言用来判断变量 foo 的类型是否为字符串。如果 foo 的类型不为字符串，该断言将会抛出 AssertionError 异常。另外，expect(foo).to.have.lengthOf(5) 断言表示变量 foo 应该为长度为 5 的字符串。如果 foo 的长度不为 5，该语句也会抛出 AssertionError 异常。
总的来说，expect 断言适合用于检测多个条件的符合情况，比较灵活，也较为易读。
Chai.assert
Chai.assert 的断言方式则更加直接和简洁，可以通过代码实现对变量的直接赋值。例如 assert(foo === 'bar', 'foo is not bar') 可以直接检测变量 foo 是否等于字符串 'bar'，并且如果不等于的话将会输出 'foo is not bar' 错误信息。类似于 expect 断言，assert 断言也可以和操作符一起使用，比如等于操作符 ==，不等于操作符 != 等等。
与 expect 断言不同的是，当变量不符合预期时，assert 断言会立即抛出 AssertionError 异常。下面是一个使用 assert 断言的示例代码：
-- -------------------- ---- ------- ----- --- - -------- ----- --- - -------- ----- --- - ------- ------ ------- ------------- --- --- --------- ---- -- --- - --------- ---------- --- -------- ---- -- --- ----- -- ---------- ----------------- --- -- ---- ---- --- ---- ------ -- ---- --------------------------- ---- ---- --- ------- -------- ---------------------------- ---- ------ --- ------- --------
在上面的代码中，我们使用了 assert 断言来检查变量 foo 和 baz 的值。其中 assert(foo === 'Hello', 'foo is not equal to "Hello"') 断言用来检测变量 foo 的值是否等于字符串 'Hello'。当变量 foo 的值不等于 'Hello' 时，该语句将会抛出 AssertionError 异常并输出 'foo is not equal to "Hello"'。
总的来说，assert 断言更加直接和简洁，适合用于检测单个条件的符合情况。
区分
“expect” 和 “assert” 断言方式的使用场景有一些区别，需要在编写测试用例时仔细选择。一般来说，我们可以考虑以下几个因素：
测试结果是否需要更详细的输出信息。如果需要，可以使用
assert断言，并利用异常信息输出重要的提示信息。代码的可读性。在无法直接看到断言表达式的上下文的情况下，可能需要使用
expect风格的断言以增强可读性。断言之间的关系。如果需要检测多个条件是否全部满足，建议使用
expect断言。是否需要和其它测试框架结合使用。
assert断言风格更加传统，也更符合将自动化测试集成到其它测试框架或者自动化测试工具的需求。
根据以上因素，我们可以使用不同的风格进行断言。
结论
Chai.expect 和 Chai.assert 是两种前端测试中比较主流的断言方式，其使用场景存在一定的差异。在编写测试代码时，我们需要根据测试的目的、测试代码的读者和测试工具的支持等条件，选择合适的断言方式，并对其合理使用，从而提高测试用例的质量和效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ee4862ac8b66babb70757e