在前端开发中，测试是非常重要的一环。而 Chai 是一个流行的 JavaScript 测试框架，它可以帮助我们进行更加简单、可靠的测试。但是，有时候在使用 Chai 进行测试时，我们可能会遇到这样的错误：“TypeError: Cannot read property 'lastCalledWith' of undefined”。这个错误的原因和解决方法，本文将会详细介绍。
问题分析
首先，让我们来看一下这个错误的具体信息。这个错误提示中，涉及到了一个“lastCalledWith”的属性，而这个属性是在什么地方出现的呢？通常情况下，我们使用 Chai 时，会先引入一个“expect”对象，然后使用这个对象对我们需要测试的代码进行断言。其中，一个常见的断言方法就是“to.have.been.calledWith()”，它可以检查一个函数是否已经被调用，并且检查这个函数被调用时的参数是否符合预期。
但是，当我们在测试代码中使用了这个方法时，有时候就会出现上述错误。这个错误的原因是什么呢？
其实，这个错误的原因很简单：我们没有正确地引入 Chai 的插件。具体来说，就是我们需要引入“sinon-chai”这个插件。这个插件可以让我们在 Chai 中使用“to.have.been.calledWith()”这个方法，而不会出现上述错误。
解决方法
那么，我们应该如何解决这个问题呢？下面是具体的解决方法。
首先，我们需要安装“sinon-chai”这个插件。可以使用 npm 命令来安装：
--- ------- ---------- ----------
安装完成后，我们需要在测试代码中引入这个插件，可以使用以下代码：
----- ---- - ---------------- ----- --------- - ---------------------- --------------------
这样，我们就可以在测试代码中使用“to.have.been.calledWith()”这个方法了。
示例代码
下面是一个简单的示例代码，演示了如何使用“to.have.been.calledWith()”这个方法。
----- ---- - ----------------
----- ----- - -----------------
----- --------- - ----------------------
--------------------
----- ------ - ------------
----------------- ------ -- -- -
---------- ---- --- -------- ---- --- ------- ----------- -- -- -
----- --- - ------------
---------- -------
------------------------------------------ -------
---
---在这个测试代码中，我们首先引入了 Chai、Sinon 和 Sinon-Chai 这三个库。然后，定义了一个测试用例，其中包含一个测试断言。在这个断言中，我们创建了一个 Sinon 的 spy 对象，并且调用了这个对象的“spy”方法。接着，使用 Chai 的“expect”方法对这个 spy 对象进行断言，检查它是否被正确地调用。
运行这个测试用例，我们可以得到如下的测试结果：
------- ---- - ------ ---- --- -------- ---- --- ------- --------- - ------- -----
这说明我们的测试用例已经通过了。
总结
在使用 Chai 进行测试时，可能会遇到“TypeError: Cannot read property 'lastCalledWith' of undefined”这个错误。这个错误的原因是我们没有正确地引入“sinon-chai”这个插件。为了解决这个问题，我们需要安装并引入这个插件，然后才能在测试代码中使用“to.have.been.calledWith()”这个方法。通过本文的介绍，相信大家已经掌握了解决这个问题的方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66303811d3423812e4e295d8