在单元测试中模拟组件控制器中提供的服务

Question

这是我在尝试运行我的单元测试时看到的错误 ..

Expected undefined to be defined.
TypeError: undefined is not an object (evaluating '$rootScope.$digest')

Module 'ThirdPartyModule' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

有什么想法可以模拟 testService 以便我仍然可以编译我的组件吗？

test.component.spec.ts

import { TestModule } from '../index';

describe('Component: testComponent', () => {

  let $rootScope: angular.IScope;
  let element: angular.IAugmentedJQuery;

  beforeEach(() => {
    angular.mock.module('ui.router');
    angular.mock.module(TestModule.name);
  });

  beforeEach(inject((
    _$rootScope_: angular.IScope,
    $compile: angular.ICompileService,
    _$state_: angular.ui.IStateService) => {
    $rootScope = _$rootScope_;
    element = angular.element('<test></test>');
    element = $compile(element)($rootScope);
  }));

  it('should verify component compiled and rendered template', () => {
    expect(element).toBeDefined();
    $rootScope.$digest();
    let link = element.find('a');
    expect(link.text()).toContain('Click this link!');
  });
});

test.module.ts

import { TestComponent } from './test';

export let TestModule: ng.IModule = angular.module(
  'test', // my module name
  ['ui.router', 'ThirdPartyModule']) // dependencies, ThirdPartyModule contains testService
  .component('test', new TestComponent());

test.component.ts

import { TestComponentController } from './test.component.controller';

export class TestComponent implements ng.IComponentOptions {
  public template: string = '<a ng-if="ctrl.serviceReturned">Click this link!</a>';
  public controller: Function = TestComponentController;
  public controllerAs: string = 'ctrl';

  constructor() {}
}

test.component.controller.ts

export class TestComponentController {

  public serviceReturned: boolean = false;

  constructor(private testService: any) {
    if (this.testService.isDone()) {
      this.serviceReturned = true;
    }
  }
}

TestComponentController.$inject = ['testService'];

Answer 1

不需要在 angular.mock.module 中添加 'ThirdPartyModule' 吗？

在单元测试中模拟组件控制器中提供的服务

Mocking a service thats provided in a component controller in a unit test

unit-testing

angularjs

angularjs-service