Question

我是javascript测试新手。我正在使用jasmine并且需要测试是否已将正确的参数传递给方法。

这是我的方法：

    function myView(){
      if($('.view').is('.list')){
          myWindow('list');
      }else{
          myWindow('random');
      }
      $('.view').toggleClass('my-list');
    }

    function myWindow(list) {
      var url = /test.json;
      $.post(url, {"list": list});
    }

Here are my tests:

  describe('#myView', function() {
    beforeEach(function() {
      fixture.load('myview.html');
    });

    it('sets window to list', function(){
      expect(window.myWindow).toHaveBeenCalledWith('list');
    });
  });

我收到以下错误。

Error: Expected a spy, but got Function.

如果我在期望之前添加这一行（这似乎是错误的，因为我指定了应该通过测试识别的正确的参数）

spyOn(window, myWindow('list'));

我收到以下错误：

undefined() method does not exist

有人能告诉我编写上述测试的好方法吗？

Answer 1

spyOn的第二个参数是您需要监视的属性的名称。当您致电spyOn(window, myWindow('list'));时，您的第二个参数是myWindow('list')的 返回值 ，即undefined =＆gt;抛出错误：undefined() method does not exist

在您的代码中，只需执行此操作即可：

describe('#myView', function() {
    beforeEach(function() {
      fixture.load('myview.html');
    });

    it('sets window to list', function(){
      spyOn(window, "myWindow");//spy the function
      myView();//call your method that in turn should call your spy
      expect(window.myWindow).toHaveBeenCalledWith('list');//verify
    });
  });

在软件单元测试中，有一些名为stub and mock objects的概念。这些是被测方法的依赖关系。 spyOn是创建假对象来测试你的方法。

您正在直接访问全局window对象，这在单元测试中确实存在问题。虽然 Javascript是 动态类型 语言，但我们仍然能够模拟您的window对象（这是不可能的）使用一些 静态类型的 语言，如c＃）。但要创建一个好的可单元测试代码，我建议您重新设计代码以从外部注入代码。

function myView(awindow){ //any dependency should be injected, this is an example to inject it via parameter

      if($('.view').is('.list')){
          awindow.myWindow('list');
      }else{
          awindow.myWindow('random');
      }
      $('.view').toggleClass('my-list');
    }

试试这个：

describe('#myView', function() {
    beforeEach(function() {
      fixture.load('myview.html');
    });

    it('sets window to list', function(){
      var spy = {myWindow:function(list){}};
      spyOn(spy, "myWindow"); //create a spy
      myView(spy); //call your method that in turn should call your spy
      expect(spy.myWindow).toHaveBeenCalledWith('list'); //verify
    });
  });

还有一件事，像这样的jQuery代码不是单元测试的理想选择，因为 它涉及代码中的DOM操作 。如果你有时间，你应该看看angularjs框架，它将你的视图（DOM）与你的模型（逻辑）分开，使用dependency injection来使你的代码可以测试。

jasmine jquery test，检查是否已将正确的参数传递给方法

1 个答案: