为什么 Chai 的 expect 能够随心所欲？

在前端开发中，我们经常需要对代码进行测试以确保其按预期运行。在 JavaScript 中，有许多测试框架可供选择，例如 Mocha、Jasmine 和 Jest。而 Chai 则是一个非常流行的断言库，其 expect 方法能够让我们编写更加简洁清晰的测试代码。

那么，为什么 Chai 的 expect 能够随心所欲呢？让我们从几个方面来探讨。

对象属性的链式调用

Chai 的 expect 方法使用了一种非常灵活的链式调用方式来检测对象的属性是否满足预期。例如，我们可以这样写一段代码来测试某个对象是否含有指定的属性：

const obj = {
  foo: 1,
  bar: 'baz'
};

expect(obj).to.have.property('foo');

这里的 to.have.property('foo') 就是链式调用的一部分，它表示我们期望 obj 对象有一个名为 foo 的属性。如果 obj 对象中确实有这个属性，测试就会通过。如果没有，测试就会失败。

链式调用不仅可以检查对象的属性，还可以用来检查其它的东西，例如数组的长度、字符串的内容等等。这种调用方式非常简洁易懂，能够让我们快速编写测试代码。

多种断言方式

Chai 的 expect 方法可以使用多种不同的断言方式来检测对象是否符合预期。这些方式包括：

• to.be / to.equal：检查值是否等于某个特定值。
• to.be.a / to.be.an：检查值的类型是否为某个特定类型。
• to.include / to.contain：检查数组或字符串中是否包含某个元素或子字符串。
• to.match：检查字符串是否匹配特定的正则表达式。

这些断言方式非常灵活，能够满足测试的各种需求。同时，它们之间还可以进行组合使用，例如：

expect(obj).to.be.an('object').that.has.property('foo').that.is.a('number');

这段代码会首先检查 obj 是否为 object 类型，然后检查它是否有名为 foo 的属性，并且这个属性的值要为 number 类型。如果任何一部分不符合预期，测试都会失败。

插件扩展功能

Chai 还允许开发者使用插件来添加自定义的服务端点和属性到 expect 对象上，以便检测自定义的值。这个功能可以让我们为特定的测试场景定制自定义的检测规则，从而更好地满足项目的需求。

例如，chai-jquery 插件就为 Chai 添加了对 jQuery 对象的支持，它扩展了 expect 方法的范围，使得我们能够在对 DOM 元素进行测试时使用更加便利的语法。

总结

Chai 的 expect 方法让我们能够更加方便、灵活地编写前端代码测试。其链式调用和多种断言方式可以让我们轻松地检查对象的各个方面，并且通过插件扩展功能，我们还可以适应不同的测试场景。如果你还没有尝试过 Chai，我建议你先从简单的示例开始，逐渐掌握其使用方法，从而使代码测试变得更加高效快捷。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648ae30648841e989492d247