在前端自动化测试中，Chai 是一款非常流行的库，它提供了丰富的语言链式调用，便于我们编写可读性强的测试用例。但是在使用过程中，有时会出现报错：“TypeError: Cannot read property 'length' of undefined”，这个错误通常是由以下几种原因引起的：
使用了 Chai 长度断言时，待测试的对象为 undefined。
内置的 Chai 长度断言无法处理某些自定义对象的长度。
忘记添加 chai-things 插件，而使用了 “should” 风格的断言。
下面我们就来一一分析并解决这些问题。
原因一：待测试的对象为 undefined
在使用 Chai 长度断言时，我们需要将待测试的对象作为参数传递给断言函数，例如：
expect(obj).to.have.length(3);
但如果在这个语句中，obj 为 undefined，就会出现 “TypeError: Cannot read property 'length' of undefined” 的错误。为了避免这种情况，我们需要确保 obj 不为 undefined。
解决方法：
在测试用例中为 obj 赋初值。
使用 if 判断语句，以确保 obj 不为 undefined。
使用 && 运算符避免 undefined 值，例如：
expect(obj && obj.length).to.equal(3);
原因二：无法处理自定义对象的长度
Chai 的内置长度断言是通过获取对象的 length 属性来实现的，但是某些自定义对象可能没有 length 属性，因此会报错。
解决方法：
自己为对象添加 length 属性。
使用 chai-things 插件，它提供了包括 has.length 在内的更多断言，可以处理更多类型的对象。
举个例子，我们在测试一个返回 Promise 数组的方法时，可以使用 chai-things 中的 every 和 resolvable 来进行测试：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---------- - -----------------------
---------------------
----- ------ - ------------
-------------- ---------- ---------- -
---------- -- ----- -- ---------- ---------- -
----- -------- - -------------------- -------------------
---------------------------------------------------------
----------------------------------------
---
---原因三：使用了 “should” 风格的断言
在使用 Chai 进行测试时，我们可以选择使用 expect 和 assert 两种风格的断言，也可以使用 should 风格。如果我们选择了 should 风格，就必须使用 chai-things 插件才能使用长度断言，否则会出现 “TypeError: Cannot read property 'length' of undefined” 的错误。
解决方法：在测试文件中添加如下代码，使用 chai-things 插件：
const chai = require('chai');
const chaiThings = require('chai-things');
chai.use(chaiThings);
chai.should();然后就可以使用 should 风格的断言并进行长度断言了，例如：
promises.should.have.lengthOf(2);
总结
在使用 Chai 进行前端自动化测试时，我们可能会遇到无法处理 undefined 值或自定义对象长度等问题，引起 “TypeError: Cannot read property 'length' of undefined” 的错误。我们可以通过一系列方法解决这些问题，如在测试文件中添加 chai-things 插件，使用 && 运算符避免 undefined 值等。希望本篇文章可以帮到你，也希望你可以在前端测试中更加愉快地使用 Chai。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c2199083d39b488163824e