Chai.expect.to.deep.equal 与 Chai.expect.to.equal 的功能差异
简介
在前端开发中，我们经常要对前端的页面进行单元测试和端到端测试，而 Chai 是一个流行的断言库，它能够让我们更便捷地编写、执行和断言测试单元。在 Chai 断言库中，expect 是其中一种比较常用的语法。而 expect.to.deep.equal 和 expect.to.equal 也是两个最常用的语法。
Chai.expect.to.deep.equal
expect.to.deep.equal 函数的功能主要是判断两个对象是否完全相等（即每一个属性值都相等），这里的"完全相等"指的是递归比较每一个属性值。如果两个对象每一个属性的值都相等，那么它们就是相等的。这个函数常用于测试 JS 对象。
下面是一段示例代码：
-- -------------------- ---- ------- -------------- ---- ----- ------ -- -- - ---------- ---- ------- -- -- - ----- ---- - - -- -- -- --- -- -- ----- ---- - - -- -- -- --- -- -- --------------------------------- --- ---展开代码
这段代码定义了一个测试实例，它创建了两个对象 obj1 和 obj2 ，然后使用 expect.to.deep.equal(obj2)判断两个对象是否相等。因为两个对象每一种属性的值都相等，所以此时 expect 后面的语法会通过测试。
Chai.expect.to.equal
与 Chai.expect.to.deep.equal 不同，expect.to.equal 的功能是判断两个对象是否相等，但它不会递归比较对象的每一个属性值。当我们进行简单属性值的比较时（比如比较两个数字），我们常常会使用 expect.to.equal 来判断是否相等。
下面是一段示例代码：
describe('Chai equal test', () => { it('should equal', () => { const a = 1; const b = 1; expect(a).to.equal(b); }); });
这段代码创建了两个值 a 和 b，然后使用 expect(a).to.equal(b) 来判断这两个值是否相等。
功能差异
现在我们已经知道 Chai.expect.to.deep.equal 与 Chai.expect.to.equal 的功能及用途，它们之间的相似之处在于都判断两个对象是否相等，不同之处在于判断的方式不同。expect.to.equal 只判断干脆的对象值是否相等，而 expect.to.deep.equal 则递归地判断每一个属性值是否相等。
总结
虽然两种方法都可以判断两个对象是否相等，但是需要根据实际需求选择使用哪种。如果需要完全相等，包括对象的每一个属性都必须一致，那么使用 Chai.expect.to.deep.equal 是更合适的。如果只需要简单比较两个对象的值是否相等，可以使用 Chai.expect.to.equal。对于前端开发人员，在我们编写和执行测试单元的时候，合适的使用 expect.to.deep.equal 和 expect.to.equal 函数可以让我们更有效地测试前端页面的各种功能，提高测试覆盖率，从而提高前端代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646a03d9968c7c53b09c7797
