前言
在进行前端开发的过程中，我们通常需要进行一些针对页面和组件的测试。而这个测试的过程就需要用到断言库，该库可以帮助我们进行单元测试和集成测试，而Chai就是这种流行的断言库之一。
在使用Chai进行单元测试的过程中，我们常常需要检查嵌套属性值。当我们需要检查一个对象的属性，它有很多的属性，它的属性还有属性等等，这个时候我们需要用到链式调用，以及一些类似expect、to、to.be、to.have.等的语法。以下就是如何使用Chai进行链式调用检查嵌套属性值的方法。
链式调用：
Chai是一个支持链式调用的断言库，这意味着我们可以在同一行中将多个断言链接在一起，以便更容易地测试多个属性。
例如，我们可以使用以下语法：
expect(foo).to.have.property('bar').that.is.a('string');该语法解释如下:
foo是我们要测试的对象。to.have.property('bar')表示我们要检查foo对象是否有一个名为“bar”的属性。that.is.a('string')表示我们要检查“bar”属性是否是一个字符串。
如果所有的测试都通过了，那么该断言就会成功。
检查嵌套属性值：
当我们需要检查嵌套属性值时，即需要测试对象的属性中还有属性，我们可以使用以上链接调用。具体来说，我们需要使用.property和.deep这两个方法。
expect(object).to.have.deep.property('foo.bar', 'value');该语法解释如下：
object是我们要测试的对象。deep跟在.have之后，指示Chai在进行检查时必须递归地遍历对象的属性。如果不添加.deep，则只会检查对象的第一层属性。property('foo.bar', 'value')表示我们要检查属性foo下的bar属性的值是否为value。
我们也可以简单地检查属性是否存在，而不必比较它们的值。例如：
expect(object).to.have.deep.property('foo.bar');该语法只会检查对象是否具有“foo”属性以及“bar”是否是“undefined”。如果所有检查都通过，该断言就会成功。
示例代码
下面是可以通过的代码示例。假设我们要测试一个物品，该物品具有“名称”、“数量”和“细节”属性，而“细节”属性又有“颜色”和“大小”属性。我们可以使用以下链式调用进行测试：
-- -------------------- ---- -------
--- ---- - -
----- --------
---- --
-------- -
------ ------
----- --------
-
--
------------------------------------- ---------
------------------------------------ ---
--------------------------------------------------- -------
-------------------------------------------------- ----------
-------------------------------------------------------------------上述代码中，我们使用了property和deep方法对属性进行检查，并使用了an方法来检查详细属性是否是一个对象。
结论
使用Chai进行单元测试是前端开发中重要的一部分，也是保证代码质量的必要步骤。在需要测试嵌套属性值的时候，我们可以使用.property方法和.deep来进行链式调用。请注意，正确的单元测试将确保您的代码质量，并保证未来的更改不会破坏其功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6720a9382e7021665e034acb