Chai 使用中经常遇到的 TypeError
在进行前端单元测试时，Chai 是一个常用的断言库。虽然 Chai API 简单易用，但是我们在使用过程中，经常遇到错误类型（TypeError），该错误类型的产生往往是由于使用不当，或者对 Chai 的 API 理解不够到位所致。下面我们就来谈谈使用 Chai 时常见的 TypeError 及其解决方法。
一、代码示例
下面我们假设有一个要被测试的方法 add，该方法接收两个参数，分别为 a 和 b，并返回他们的和。现在我们以 Mocha 和 Chai 的使用场景为例，给出下面的测试用例：
-- -------------------- ---- -------
--------------- ---------- -
----- - - ---- --- -------------- -
--- - - --
--- - - --
--- --- - ------ ---
---------------------------
-------
---
---在这个例子中，我们使用了 expect API 进行测试，它会将变量 sum 与预期值 2 进行比较，如果相同则测试通过，否则测试不通过。
二、常见 TypeError
在 Chai 的使用中，我们常常遇到以下几种 TypeError：
1. expect(...).to.be.a/An('XXX')
在我们使用 expect 的时候，如果希望测试某个变量的类型，我们可以使用 to.be.a/An('XXX') 的 API。例如，如果我们想要检测 sum 变量的类型是否为数字，那么代码可以写成：
expect(sum).to.be.a('number');但是，有时候我们会发现，尽管期望的值是 number 类型，但是测试结果却出现了 TypeError，例如：
var sum = add(1, '2');
expect(sum).to.be.a('number'); //error: expected '2' to be a number这里的 TypeError 错误就是由于类型检查导致的。错误提示 expected '2' to be a number 显示的是变量 '2' 不是 number 类型。
解决这种问题的方法就是检查测试代码中是否有类型转换错误，例如：
var sum = add(1, parseInt('2'));2. expect(...).to.be.oneOf([...])
to.be.oneOf([...]) 是 Chai 中常用的 API 之一，用于判断一个变量的值是否在一个指定的列表中。例如，我们可以检查 sum 变量是否在 [2, 3, 4] 中，代码可以写成：
expect(sum).to.be.oneOf([2, 3, 4]);
然而，有时候我们会发现这段代码会产生 TypeError：
expect(sum).to.be.oneOf([2, '3', 4]); //Error: value must be an array
TypeError 报错信息表明该使用 oneOf 的变量不是数组类型，而我们的确使用了一个数组。解决这种问题的方法就是检查代码中数组的定义是否正确，例如：
expect(sum).to.be.oneOf([2, parseInt('3'), 4]);3. expect(...).to.have.a/An('XXX')
to.have.a/An('XXX') 是 Chai 中常用的 API 之一，用于判断一个对象是否含有指定的属性。例如，我们可以检查某个对象 person 是否含有 name 属性，代码可以写成：
expect(person).to.have.a.property('name');然而，有时候我们会发现这段代码会产生 TypeError：
expect(3).to.have.a.property('name'); //TypeError: expect(...).to.have.a is not a function这种 TypeError 是由于测试代码中的变量类型不支持 to.have.a/An API 所导致的。解决这类问题的方法就是确保测试变量是复杂类型而非基本类型，例如：
var person = {name: 'Tom', age: 20};
expect(person).to.have.a.property('name');三、学习及指导意义
在使用 Chai 进行前端单元测试时，避免 TypeError 错误的发生，需要掌握以下要点：
- 在使用
to.be.a/An('XXX')API 进行类型检查时，注意检查数据类型是否正确。 - 在使用
to.be.oneOf([...])API 时，注意检查数组的定义是否正确以及数组中的元素类型是否符合要求。 - 在使用
to.have.a/An('XXX')API 时，注意测试变量是否是复杂类型，而非基本类型。
最后，鉴于前端开发的知识点是非常广泛和复杂的，建议学习者在使用 Chai 进行单元测试的过程中，不断实践和调试，在代码实践中不断深化对其使用的理解和掌握程度，从而在更多的实际应用场景中更加高效地使用这个强大的测试工具。
四、总结
在这篇文章中，我们基于 Chai 库使用场景，介绍了 Chai 使用中常见的 TypeError，围绕 API 的类型检查、数组判断以及属性是否包含等方面，讲解了 TypeError 产生的原因及解决方法，并对提高 Chai 实际应用能力，提出了一些建议和指导意见。相信通过不断实践和调试，大家可以更好地掌握 Chai 的使用，提高单元测试效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e1de23f6b2d6eab3d218cb