解决使用 Chai expect 断言时，判断 ES6 Map 类型数据出现的问题-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要使用断言库来验证代码的正确性。而 Chai 是一个非常流行的断言库之一，它提供了多种断言方式，可以方便地对代码进行验证。但是，当我们需要对 ES6 Map 类型的数据进行验证时，Chai 的默认断言方式可能会出现问题。本文将介绍这个问题的原因以及解决方法。

问题描述

假设我们有一个 ES6 Map 类型的数据，它包含了以下键值对：

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
]);

如果我们使用 Chai 的 expect 断言来验证这个数据，代码可能会如下所示：

expect(map).to.deep.equal(new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
]));

然而，这个断言可能不会通过，因为 Chai 默认使用的是 === 运算符来进行比较，而 ES6 Map 类型的数据是引用类型，它们在内存中的地址并不相同。因此，上述代码会认为这两个 Map 类型的数据不相等。

解决方法

为了解决这个问题，我们需要使用 Chai 提供的 deep 断言方式，它可以递归地比较两个对象的属性值。具体来说，我们可以使用 deep.equal 或 deep.include 来进行比较。例如，我们可以将上述代码改为：

expect(map).to.deep.equal(new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
]));

这样，Chai 就会递归地比较两个 Map 类型的数据，而不是简单地比较它们的地址。

除了 deep 断言方式之外，我们还可以使用 Chai 提供的 Map 断言方式。这个断言方式是专门用来比较 Map 类型的数据的。例如，我们可以将上述代码改为：

expect(map).to.be.a(Map).that.deep.equals(new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
]));

这样，Chai 就会将 map 当作一个 Map 类型的数据来处理，并递归地比较它的属性值。

示例代码

下面是一个完整的示例代码，它演示了如何使用 Chai expect 断言来验证 ES6 Map 类型的数据：

-- -------------------- ---- -------
----- - ------ - - ----------------

--------------- -- -- -
  ---------- ------- --- ---- ----------- -- -- -
    ----- --- - --- -----
      -------- ----------
      -------- ----------
    ---
    ----------------------------- -----
      -------- ----------
      -------- ----------
    ----
    --------------------------------------------- -----
      -------- ----------
      -------- ----------
    ----
  ---
---

结论

在使用 Chai expect 断言时，如果需要验证 ES6 Map 类型的数据，我们应该使用 deep 断言方式或 Map 断言方式，而不是默认的 === 比较方式。这样，我们才能正确地比较两个 Map 类型的数据。

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