测试 Yeoman 生成的 Angular 工厂/服务

Question

我用 yeoman 创建了一个应用

yo angular --minsafe

我想测试我创建的工厂/服务

yo angular:factory analyticsService

生成 /app/scripts/services/analyticsService.js

'use strict';

angular.module('angularPlaygroundApp')
  .factory('analyticsService', function ($resource) {
    // Service logic
    // ...

    var meaningOfLife = 42;

    // Public API here
    return {
      someMethod: function () {
        return meaningOfLife;
      }
    };
  });

和测试 /test/spec/services/analyticsService.js

'use strict';

describe('Service: Analyticsservice', function () {

  // load the service's module
  beforeEach(module('angularPlaygroundApp'));

  // instantiate service
  var Analyticsservice;
  beforeEach(inject(function (_Analyticsservice_) {
    Analyticsservice = _Analyticsservice_;
  }));

  it('should do something', function () {
    expect(!!Analyticsservice).toBe(true);
  });

});

运行 grunt 测试会为服务产生以下失败的测试

运行 "karma:unit" (karma) 任务 INFO [karma]: Karma v0.10.8 server started at http://localhost:8080/ INFO [启动器]: 启动浏览器 Chrome WARN [观察者]：模式 “/Users/lsims/projects/angular-playground/test/mock/*/.js”没有 匹配任何文件。信息 [Chrome 31.0.1650 (Mac OS X 10.9.0)]：已连接 在套接字 MTgYIXPHDT3JCSNU0ww9 Chrome 31.0.1650 (Mac OS X 10.9.0) 服务：Analyticsservice 应该做一些失败的错误： [$injector:unpr] 未知提供者：AnalyticsserviceProvider

我的问题是如何在 Angular 中测试工厂/服务，更具体地说，如何测试 Yeoman 生成的服务和/或工厂？

提前致谢

Answer 1

它们的测试与您描述的完全一样。但是，JavaScript 是区分大小写的，并且您已经更改了注入器要搜索的内容的大小写。

analyticsService != 分析服务

_Analyticsservice_ 语法允许您将服务的文字值包含在下划线中，这样您就可以将局部变量命名为相同的东西。因此，向inject 询问_Analyticsservice_ 是在询问以字符串"Analyticsservice" 命名的服务。当您定义了名称为 "analyticsService" 的服务时。

所以，我想你想要：

'use strict';

describe('Service: analyticsService', function () {

  // load the service's module
  beforeEach(module('angularPlaygroundApp'));

  // instantiate service
  var analyticsService;
  beforeEach(inject(function (_analyticsService_) {
    analyticsService = _analyticsService_;
  }));

  it('should do something', function () {
    expect(!!analyticsService).toBe(true);
  });

injector 角度总是将名称 Provider 附加到管理对象的末尾。错误告诉您注入器找不到名称为 "AnalyticsserviceProvider" 的对象。