NPM包Jasmine-Spy使用教程-JavaScript中文网-JavaScript教程资源分享门户

介绍

Jasmine是一个流行的JavaScript测试框架，它提供了一个易于使用的DSL（领域特定语言）来编写可维护的单元测试。Jasmine Spy是Jasmine框架的一部分，它允许我们模拟/模拟一个函数或对象的方法，以测试相互作用和响应。

Jasmine-Spy是一个npmjs.com上的开源包，它提供了JasmineSpy的额外功能和语法糖。本文将介绍Jasmine-Spy的语法和用法，以及实际示例，让您了解如何使用它来测试JavaScript应用程序。

安装

要使用Jasmine-Spy进行测试，您需要先安装它。Jasmine-Spy是一个npm包，可以通过npm安装：

npm install jasmine-spy --save-dev

此命令将在您的项目中安装Jasmine-Spy依赖项并更新package.json文件。

使用

在接下来的示例中，我们将编写一个“hello world”应用程序，其中包括一个名为greet的JavaScript函数。该函数将接受一个字符串参数，并返回一个形式化的问候语。

以下是greet函数的源代码：

function greet(name) {
  return "Hello, " + name + "!";
}

现在，我们将使用Jasmine-Spy来测试greet函数并确保它的行为符合预期。

创建Spy

Jasmine-Spy提供了两种方法来创建Spy：jasmine.createSpy和jasmine.createSpyObj。

jasmine.createSpy

jasmine.createSpy是创建一个模拟Spy的方法。以下是使用它创建一个Spy的示例：

it("should return the expected greeting", function() {
  var greetingSpy = jasmine.createSpy("greetingSpy");
  greetingSpy("Tom");
  expect(greetingSpy).toHaveBeenCalled();
  expect(greetingSpy).toHaveBeenCalledWith("Tom");
});

在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并调用了它，并确保它被调用并传递了适当的参数。此处我们使用的“spy”名称只是作为标识符/名称使用，并没有实际作用。

jasmine.createSpyObj

jasmine.createSpyObj是创建一个具有多个Spy的Spy对象的方法。以下是使用它创建一个Spy的示例：

it("should return the expected greeting from an object", function() {
  var person = jasmine.createSpyObj('person', ['greet']);
  person.greet("Tom");
  expect(person.greet).toHaveBeenCalled();
  expect(person.greet).toHaveBeenCalledWith("Tom");
});

在上面的代码块中，我们创建了一个名为person的对象Spy，并为其中的greet方法创建了一个Spy。我们然后调用该方法，并确保它被调用并传递了适当的参数。这是特别有用的，当您测试需要多个Spy对象实例的代码时。

Spy属性

Jasmine-Spy提供了一些有用的属性，可让您更好地了解Spy何时被调用以及如何被使用。以下是一些常用的Spy属性：

calls

这是一个数组，其中包含Spy每次被调用时使用的参数列表。例如：

it("should return the expected greeting with a name parameter", function() {
  var greetingSpy = jasmine.createSpy("greetingSpy");
  greetingSpy("Tom");
  expect(greetingSpy.calls.any()).toBe(true);
  expect(greetingSpy.calls.count()).toBe(1);
  expect(greetingSpy.calls.argsFor(0)).toEqual(["Tom"]);
});

在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并调用了它来传递一个名为Tom的参数。我们然后检查调用列表以确保Spy被调用，并检查在调用期间使用的参数。

这是一个对象，它允许您在调用Spy对象时执行特定的操作。例如：

it("should return the expected greeting with multiple replacement strings", function() {
  var greetingSpy = jasmine.createSpy("greetingSpy");
  greetingSpy.and.returnValue("Hello, Tom and Jerry!");
  var result = greet("Tom and Jerry");
  expect(result).toEqual("Hello, Tom and Jerry!");
  expect(greetingSpy).toHaveBeenCalled();
});

在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并在调用它时指定了要返回的字符串。接下来，我们调用了greet函数，并确定它返回了预期的结果。

Spy匹配器

Jasmine-Spy还提供了许多匹配器来执行Spy对象的比较和匹配。以下是一些常用的匹配器：

使用any方法来确定任何值都可以匹配。例如：

it("should return the expected greeting with a name parameter", function() {
  var greetingSpy = jasmine.createSpy("greetingSpy");
  greetingSpy("Tom");
  expect(greetingSpy).toHaveBeenCalledWith(jasmine.any(String));
});

在上面的代码块中，我们创建了一个名为greetingSpy的Spy，并检查调用期间使用的参数是否是字符串。

where

此匹配器允许对基于传递的参数的自定义条件进行匹配。例如：

it("should return the expected greeting with a long name", function() {
  var greetingSpy = jasmine.createSpy("greetingSpy");
  greetingSpy("Tom and Jerry");
  expect(greetingSpy).toHaveBeenCalledWith(jasmine.objectContaining({length:5}));
});

在上面的代码块中，我们创建了一个名为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