6

我创建了一个Env包含环境信息的服务，我目前正在使用$location.host()它来确定我所处的环境。如何在我的测试中模拟它？

我已阅读https://groups.google.com/forum/?fromgroups#!topic/angular/F0jFWC4G9hI，但它似乎不起作用，例如：

describe("Env (environment) service", function() {

  var Env;

  beforeEach(module('App'));

  beforeEach(inject(
    ['Env', function(e) {
      Env = e;
    }]
  ));

  describe("for staging", function() {
    beforeEach(inject(function($location, $rootScope) {
      $location.host("http://staging-site.com");
      $rootScope.$apply();
    }));

    it("returns envrionment as staging", function() {
      expect(Env.environment).toEqual("staging");
    });

    it("returns .isStaging() as true", function() {
      expect(Env.isStaging()).toBeTruthy();
    });
  });
});

我也尝试过该$browser变体，但这也不起作用。有任何想法吗？

4

4 回答 4

6

最好的方法是使用间谍恕我直言： http: //tobyho.com/2011/12/15/jasmine-spy-cheatsheet/

// inject $location
spyOn($location, "host").andReturn("super.domain.com");
var host = $location.host();
alert(host) // is "super.domain.com"
expect($location.host).toHaveBeenCalled();

jasmine 2.0 及更高版本的语法已更改如下

// inject $location
spyOn($location, "host").and.returnValue("super.domain.com");
var host = $location.host();
alert(host) // is "super.domain.com"
expect($location.host).toHaveBeenCalled();
于 2013-10-01T07:51:19.183 回答
4

我有类似的问题并使用了 $injector 服务。（我不知道这是否是最简单的解决方案，但它对我有用:)）

由于在测试期间无法依赖 $location，因此我准备了自己的模拟。首先，您需要创建一个工厂方法。（如果您愿意，也可以选择服务或提供商 - 请参阅https://gist.github.com/Mithrandir0x/3639232进行比较）：

function locationFactory(_host) {
  return function () {
    return {
      /* If you need more then $location.host(), add more methods */
      host: function () {
        return _host;
      }
    };
  };
}

然后在你创建你的 'Env' 之前，用这个 $location 模拟喂注入器：

module(function ($provide) {
  $provide.factory('$location', locationFactory('http://staging-site.com'));
});

现在，每次您在代码中访问 $location 时都会注入您的模拟，因此它会返回您需要的任何内容。更多关于 $provide 方法的信息在Angular 文档中

希望这对您将来有所帮助。

更新：我看到一个地方你可能出错了（或者至少在我的解决方案中是错误的）。似乎您正在启动“Env”模块（我猜它会立即计算数据）并且只有在此之后您才更改 $location - 这可能已经太晚了。

于 2013-09-03T14:42:57.333 回答
2

文档中有一个很好的例子：https ://docs.angularjs.org/guide/services

您要确保$provide在实例化服务之前使用。我喜欢$injector在测试用例中使用，首先确定位置然后实例化服务。

  var mockLocation;

  beforeEach(function() {
    // control the $location.host() function
    // which we fake in the testcases.
    mockLocation = {
      host: jasmine.createSpy()
    };
    module(function($provide) {
      $provide.value('$location', mockLocation);
    });
  });

然后

  describe('staging server:', function() {
    beforeEach(function() {
      // mockLocation.host.andReturn('http://staging-site.com'); // jasmine 1.x
      mockLocation.host.and.returnValue('http://staging-site.com');
    });

    it('returns envrionment as staging', inject(function($injector) {
      Env = $injector.get('Env');
      expect(Env.environment).toEqual('staging');
    }));
  });

和

  describe('production server:', function() {
    beforeEach(function() {
      // mockLocation.host.andReturn('prod.example.com'); // jasmine 1.x
      mockLocation.host.and.returnValue('prod.example.com');
    });

    it('returns envrionment as production', inject(function($injector) {
      Env = $injector.get('Env');
      expect(Env.environment).toEqual('production');
    }));
  });
于 2015-04-24T01:29:17.770 回答
0

这是另一种模拟 $location 的方法，使用 Sinon.js

    locationMock = {
        path: sinon.spy()
    };

还有一个示例断言：

locationMock.path.should.be.calledWith('/home');
于 2014-04-02T23:53:18.133 回答