在使用 Chai 进行前端单元测试时，我们可能会遇到 Assertion Error 的错误提示信息。其中一个常见的错误是 “AssertionError: expected null to be an array”，指出了一个预期结果为数组但实际为 null 的错误。在这篇文章中，我们将探讨这个错误的产生原因，并介绍一些解决方案。
产生原因
在编写 JavaScript 单元测试时，我们通常会使用 Chai 这样的工具来进行断言。我们会使用 Chai 中的 expect 函数以及相应的断言方法，比如 to.be.an('array') 来检查测试的对象或结果是否符合预期。
当我们在测试中使用 expect 函数检查一个预期为数组的结果时，如果实际的结果为 null，就会导致上述的错误。这是因为 null 不是 JavaScript 中的数组类型，它只是一个表示“无值”的特殊值。如果我们在使用 to.be.an('array') 这样的断言方法时，将 null 传入作为参数，就会抛出上述错误。
解决方案
对于这个错误，有以下两种解决方案。
1. 使用 to.be.null() 方法
第一种解决方案是使用 to.be.null() 方法。这个方法是 Chai 中用来判断是否为 null 的方法。可以像下面这样使用：
expect(null).to.be.null();
如果我们在测试中需要检查一个数组类型的结果，但可能会出现 null 的情况，可以通过增加一行代码来进行判断：
if (result === null) return expect(result).to.be.null();
else expect(result).to.be.an('array');这个代码段首先检查结果是否为 null，如果是则直接返回一个判断结果为 null 的 expect 语句，否则继续使用 to.be.an('array') 方法进行测试。
2. 使用 to.eql(null) 方法
另一种解决方案是使用 to.eql(null) 方法。这个方法是 Chai 中用来进行深度比较的方法，它比 to.be.null() 更严格，只有当两个对象完全相等时才返回 true。
这个方法可以像下面这样使用：
expect(result).to.eql(null);
如果我们在测试中需要检查一个数组类型的结果，但可能会出现 null 的情况，同样可以通过增加一行代码来进行判断：
if (result === null) return expect(result).to.eql(null);
else expect(result).to.be.an('array');示例代码
下面是一个包含错误的示例代码，并使用上述两种解决方案进行修改：
-- -------------------- ---- ------- ----- ------ - ----------------------- ---------- ------ -- ----- -- ------ ---------- - ----- ------ - ------------ --------------------------------- -- ---- -------------------------------- -- ----- ---------------------------- -- ----- --- -------- ----------- - ------ ----- -
在上面的代码中，我们首先定义了一个 fetchData 函数，它返回 null。接着对一个预期结果为数组的结果进行了 to.be.an('array') 检查，通过运行测试可以得到 “AssertionError: expected null to be an array” 错误。
经过修改后的示例代码如下：
-- -------------------- ---- ------- ----- ------ - ----------------------- ---------- ------ -- ----- -- ------ ---------- - ----- ------ - ------------ -- ------- --- ----- ------ ---------------------------- -- ----- ---- --------------------------------- ---------------------------- -- ----- --- -------- ----------- - ------ ----- -
我们增加了一个 if 语句，并在其中使用了解决方案一。如果结果为 null，则返回一个 to.be.null() 的 expect 语句，否则继续进行 to.be.an('array') 的检查。
除此之外，我们还添加了解决方案二的 expect 语句。这样可以保证无论使用哪种解决方案，都可以通过测试。
总结
在使用 Chai 进行前端单元测试时，我们可能会遇到 Assertion Error “AssertionError: expected null to be an array” 的错误提示。这是因为我们在检查一个预期为数组的结果时，实际结果为 null，而 null 不是 JavaScript 中的数组类型。为了解决这个问题，我们可以使用 to.be.null() 方法或 to.eql(null) 方法。使用这些方法之前，应该先判断结果是否为 null，以防止产生其他错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c3692183d39b488176dea8