Question

我有以下服务：

angular.module("services")
.factory("whatever", function($window) {
  return {
    redirect: function() {
      $window.location.replace("http://www.whatever.com");
    }
  };
});

如何在单元测试中模拟$window对象以防止在运行测试时重新加载页面？

我尝试使用

spyOn($window.location, 'replace').andReturn(true);

，但它不起作用（仍有"Some of your tests did a full page reload!"错误）和

$provide.value('$window', {location: {replace: jasmine.createSpy()}})

，但是我收到一个错误（Error: [ng:areq] Argument 'fn' is not a function, got Object），堆栈跟踪只指向有角度的源，所以它不是很有用......

Answer 1

在Chrome中（未在其他浏览器中测试），location.replace是只读的，因此spyOn无法替换它。

$provide.value应该有效。在你的代码中某处肯定有问题。

这是一个工作单元测试

describe('whatever', function() {
    var $window, whatever;

    beforeEach(module('services'));

    beforeEach(function() {
      $window = {location: { replace: jasmine.createSpy()} };

      module(function($provide) {
        $provide.value('$window', $window);
      });

      inject(function($injector) {
        whatever = $injector.get('whatever');
      });
    });

    it('replace redirects to http://www.whatever.com', function() {
      whatever.redirect();
      expect($window.location.replace).toHaveBeenCalledWith('http://www.whatever.com');
    });
});

Answer 2

我会选择一个更简单但也不太优雅的解决方案。我正在为$ window.location编写一个包装器，我可以随后进行模拟。将它与你的代码相关联，我会嘲笑whatever.redirect函数，而不是模仿$ window（我假设你的实函数更复杂）。

所以我最终得到了：

angular.module("services")
.factory("whatever", function($window) {
  return {
    do_stuff_that_redirects: function() {
      lots of code;
      this.redirect("http://www.whatever.com");
      maybe_more_code_maybe_not;
    },

    redirect: function(url) {
      $window.location.replace(url);
    }
  };
});

然后我可以直接模拟重定向方法，并且相信它只有一行代码才能真正出错。

spyOn(whatever, 'redirect').andCallFake(function(){});
expect(whatever.redirect).toHaveBeenCalledWith('http:/my.expected/url');

这足以满足我的目的，让我验证名为的网址。

Answer 3

我会提供另一种可能对你有用的方法。单元测试控制器“动作”时，我遇到了同样的问题，最终重定向用户（整页加载，但更大的网站/应用程序中的不同页面）。为了给出一些上下文，控制器会触发一个AJAX请求，如果响应没问题，它会通过$ window.location.replace（）将用户重定向到另一个页面：

$http.post('save', data)
        .success(function(responseData, status, headers, config) {
            if(responseData.redirect) {
                $window.location.replace(responseData.redirect);
            }
        })
        .error(function(responseData, status, headers, config) {
             console.error("ERROR while trying to create the Event!!");
        });

此控制器功能的测试导致相同的“您的一些测试进行了整页重新加载！”错误。所以我将以下内容添加到控制器规范的beforeEach（）函数中，以模拟$ window服务：

mockWindow = { location: { replace: function(url) { console.log('redirecting to: ' + url); } } };
eventCtrl = $controller('EventCtrl', { $scope: scope, $window: mockWindow });

当然，这个解决方案阻止我（干净地）验证替换函数是否被预期的参数调用，但我现在并不关心它......希望有所帮助。

Answer 4

我认为你想要的是使用$location服务，而不是调用$window.location。此处还有一整页解释此功能：http://docs.angularjs.org/guide/dev_guide.services.$location。

使用它，在测试中使用$ location服务的存根版本应该相当简单。

Answer 5

$location.path('/someNewPath');

$ location.replace（）; //或者您可以将它们链接为：$ location.path（＆＃39; / someNewPath＆＃39;）。replace（）;

如何在AngularJS单元测试中模拟$ window.location.replace？

5 个答案: