介绍
Jasmine是一个流行的JavaScript测试框架，它提供了一个易于使用的DSL（领域特定语言）来编写可维护的单元测试。Jasmine Spy是Jasmine框架的一部分，它允许我们模拟/模拟一个函数或对象的方法，以测试相互作用和响应。
Jasmine-Spy是一个npmjs.com上的开源包，它提供了JasmineSpy的额外功能和语法糖。本文将介绍Jasmine-Spy的语法和用法，以及实际示例，让您了解如何使用它来测试JavaScript应用程序。
安装
要使用Jasmine-Spy进行测试，您需要先安装它。Jasmine-Spy是一个npm包，可以通过npm安装：
--- ------- ----------- ----------
此命令将在您的项目中安装Jasmine-Spy依赖项并更新package.json文件。
使用
在接下来的示例中，我们将编写一个“hello world”应用程序，其中包括一个名为greet的JavaScript函数。该函数将接受一个字符串参数，并返回一个形式化的问候语。
以下是greet函数的源代码：
-------- ----------- - ------ ------- - - ---- - ---- -
现在，我们将使用Jasmine-Spy来测试greet函数并确保它的行为符合预期。
创建Spy
Jasmine-Spy提供了两种方法来创建Spy：jasmine.createSpy和jasmine.createSpyObj。
- jasmine.createSpy
jasmine.createSpy是创建一个模拟Spy的方法。以下是使用它创建一个Spy的示例：
---------- ------ --- -------- ---------- ---------- - --- ----------- - --------------------------------- ------------------- --------------------------------------- ------------------------------------------------ ---
在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并调用了它，并确保它被调用并传递了适当的参数。此处我们使用的“spy”名称只是作为标识符/名称使用，并没有实际作用。
- jasmine.createSpyObj
jasmine.createSpyObj是创建一个具有多个Spy的Spy对象的方法。以下是使用它创建一个Spy的示例：
---------- ------ --- -------- -------- ---- -- -------- ---------- - --- ------ - ------------------------------ ----------- -------------------- ---------------------------------------- ------------------------------------------------- ---
在上面的代码块中，我们创建了一个名为person的对象Spy，并为其中的greet方法创建了一个Spy。我们然后调用该方法，并确保它被调用并传递了适当的参数。这是特别有用的，当您测试需要多个Spy对象实例的代码时。
Spy属性
Jasmine-Spy提供了一些有用的属性，可让您更好地了解Spy何时被调用以及如何被使用。以下是一些常用的Spy属性：
- calls
这是一个数组，其中包含Spy每次被调用时使用的参数列表。例如：
---------- ------ --- -------- -------- ---- - ---- ----------- ---------- - --- ----------- - --------------------------------- ------------------- ------------------------------------------- ------------------------------------------ ------------------------------------------------------ ---
在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并调用了它来传递一个名为Tom的参数。我们然后检查调用列表以确保Spy被调用，并检查在调用期间使用的参数。
- and
这是一个对象，它允许您在调用Spy对象时执行特定的操作。例如：
---------- ------ --- -------- -------- ---- -------- ----------- --------- ---------- - --- ----------- - --------------------------------- ----------------------------------- --- --- --------- --- ------ - ---------- --- -------- ------------------------------ --- --- --------- --------------------------------------- ---
在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并在调用它时指定了要返回的字符串。接下来，我们调用了greet函数，并确定它返回了预期的结果。
Spy匹配器
Jasmine-Spy还提供了许多匹配器来执行Spy对象的比较和匹配。以下是一些常用的匹配器：
- any
使用any方法来确定任何值都可以匹配。例如：
---------- ------ --- -------- -------- ---- - ---- ----------- ---------- - --- ----------- - --------------------------------- ------------------- -------------------------------------------------------------- ---
在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并检查调用期间使用的参数是否是字符串。
- where
此匹配器允许对基于传递的参数的自定义条件进行匹配。例如：
---------- ------ --- -------- -------- ---- - ---- ------ ---------- - --- ----------- - --------------------------------- ---------------- --- -------- ------------------------------------------------------------------------------- ---
在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并检查调用期间使用的参数是否包含length为5的对象。
结论
在本文中，我们已经详细介绍了如何使用Jasmine-Spy来测试JavaScript应用程序。我们已经学习了如何创建Spy对象，使用Spy属性和匹配器来执行比较和匹配。我们还为每种方法提供了代码示例。
使用Jasmine-Spy的好处在于它允许您模拟应用程序中的对象和方法，以达到更好的单元测试。Jasmine-Spy还提供了许多方便的语法糖和属性，可使您的测试更加简单和明确。
尽管Jasmine框架本身非常强大和灵活，但使用Jasmine-Spy会更加有趣和令人愉悦。您可以从npmjs.com上的Jasmine-Spy仓库获取更多关于Jasmine-Spy的信息，并开始测试您的JavaScript应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600553a081e8991b448d0dbd