0

我使用了 yo angular 1 生成器,它创建了一个登录页面和一些测试。我无法在 VS 中编译代码,因为“module('fountainFooter');” 未定义。

/// <reference path="../../typings/index.d.ts" />

import * as angular from 'angular';
import 'angular-mocks';
import {footer} from './footer.ts';

describe('footer component', () => {
  beforeEach(() => {
    angular
      .module('fountainFooter', ['src/app/footer.html'])
      .component('fountainFooter', footer);
    module('fountainFooter');
  });

  it('should render \'FountainJS team\'', inject(($rootScope: ng.IRootScopeService, $compile: ng.ICompileService) => {
    const element = $compile('<fountain-footer></fountain-footer>')($rootScope);
    $rootScope.$digest();
    const footer = element.find('a');
    expect(footer.html().trim()).toEqual('FountainJS team');
  }));
});

我猜这个模块是在 angular-mocks 中定义的模块,所以我试图将模块声明为 angular.mock.module。但是当我这样做时,我得到了这个错误:

PhantomJS 2.1.1 (Windows 8 0.0.0) footer component should render 'FountainJS team' FAILED
        TypeError: undefined is not an object (evaluating 'angular.mock.module') (line 21)

据我了解,该模块是在浏览器窗口中声明的。仅使用模块可以使用 gulp 和 systemjs。当我使用 angular-mock.module 时,VS 和打字稿很高兴,但诅咒没有任何效果。

4

1 回答 1

0

这是一种方法。

/// <reference path="../../typings/index.d.ts" />

describe('footer component', () => {
  beforeEach(angular.mock.module('app', ($provide: ng.auto.IProvideService) => {
    $provide.factory('fountainFooter', () => {
      return {
        templateUrl: 'app/footer.html'
      };
    });
  }));
  it('should render \'FountainJS team\'', inject(($rootScope: ng.IRootScopeService, $compile: ng.ICompileService) => {
    const element = $compile('<fountain-footer></fountain-footer>')($rootScope);
    $rootScope.$digest();
    const footer = element.find('a');
    expect(footer.html().trim()).toEqual('FountainJS team');
  }));
});

也取自 yo angular#1 生成器,但通过选项脚本注入生成。

于 2016-07-21T14:55:32.410 回答