javascript - 单元测试服务不注入(inject) Factory

标签 javascript angularjs unit-testing karma-jasmine

我是使用 jasmine 进行单元测试的新手,在尝试使其正常工作时遇到了一些问题。我正在使用由 yeoman 生成的项目,使用 gulp-angular 生成器。

我有一项服务:

export class AuthService {
   constructor (FactoryAppStateService) {
    'ngInject';

    this.FactoryAppStateService = FactoryAppStateService;
    this.test = 'toto';
  }

  login (loginInfos) {
    var user = {
        'userName' : loginInfos.username,
        'token' : 'token'
    }
    var credentials = {
      'cientId' : 'testFromService',
      'clientSecret' : 'testFromService'
    }
    this.FactoryAppStateService.setUser(user);
    this.FactoryAppStateService.setClientId(credentials.clientId);
    this.FactoryAppStateService.setClientSecret(credentials.clientSecret);
    this.test = 'tata';
    return user.token;
  }

  getTest () {
    return this.test;
  }
}

和测试:

describe('service Auth', () => {
  // load the service's module
  beforeEach(angular.mock.module('monNotaireFront'));

  it('should do something', function () {
    var service;

    angular.mock.inject(function GetDependencies(AuthService) {
      service = AuthService;
    });

    expect(service.getTest()).toBe('tata');
  });
});

我收到此错误:

PhantomJS 1.9.8 (Windows 7 0.0.0) service Auth should do something FAILED Error: [$injector:unpr] Unknown provider: FactoryAppStateServiceProvider <- FactoryAppStateService <- AuthService http://errors.angularjs.org/1.4.7/$injector/unpr?p0=FactoryAppStateServiceProvider%20%3C-%20FactoryAppStateService%20%3C-%20AuthService at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4289 at getService (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4437) at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4294 at getService (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4437) at invoke (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4469) at instantiate (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4486) at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4346 at invoke (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4478) at enforcedReturnValue (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4330) at invoke (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4478) at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4295 at getService (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4437) at invoke (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular/angular.js:4469) at workFn (C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular-mocks/angular-mocks.js:2438) at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/bower_components/angular-mocks/angular-mocks.js:2410 at C:/Users/gayard/Documents/Dev/monnotaire-angularjs/.tmp/serve/app/index.module.js:9

而且我不知道为什么我的服务使用的工厂无法注入(inject)。 我之前尝试过像这样的不同解决方案:

describe('service Auth', () => {
  beforeEach(angular.mock.module('monNotaireFront'));

  let AuthService;

  beforeEach(inject((_AuthService_) => {
    AuthService = _AuthService_;
  }));

  it("should return tata", () => {
    AuthService.login({username : 'test'});
    expect(AuthService.getTest()).toEqual('tata');
  });

});

但是发生了同样的错误。
请解释一下可能是什么原因?

最佳答案

问题解决了!这是 FactoryAppStateService 的错误声明。简单来说,而不是

angular.module([]).factory('FactoryAppState', (localStorageService) => {return new FactoryAppState(localStorageService)})

我在做

angular.module([]).factory('FactoryAppState', FactoryAppState)

关于javascript - 单元测试服务不注入(inject) Factory,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33868698/

相关文章:

visual-studio-2008 - 如何将 Visual Studio 测试结果文件 (.trx) 格式化为更易读的格式?

javascript - V8JS 时区测试失败

javascript - jQuery 滑动表头的问题

javascript - AngularJS 计算总订单金额

javascript - 为什么多个指令不能在同一个元素上请求一个独立的作用域?

asp.net-mvc - 单元测试 MVC 中的全局过滤器

javascript - 匹配前面没有左括号的两个引号

javascript - <p> 标签文本颜色更改失败使用 javascript

javascript - 将 ng-repeat-start 和 ng-repeat-end 与 2 个不同的对象一起使用

php - 测试递归方法