3

我是 Ionic2 的新手，我正在关注本教程和一个简单的测试，例如

describe('Dummy test', () => {

it('should do nothing', () => {

    expect(true).toBeTruthy();
    expect(1 + 1).toBe(2);

});

});

工作正常，但由于某种原因，当我尝试遵循本教程的其余部分时，我不断收到此错误。

Component: Root Component
✖ initialises with a root page of LoginPage
  Firefox 45.0.0 (Linux 0.0.0)
TypeError: win is undefined in src/test.ts (line 937)

我的 src/test.ts 与教程相同，并且没有任何胜利。我的 app.spec.ts 是这个

import { TestBed, ComponentFixture, async } from '@angular/core/testing';
import { IonicModule } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { UserData } from '../providers/user-data';
import { LoginPage } from '../pages/login/login';
import { Platform } from 'ionic-angular';
import { MyApp } from './app.component';
import { LoginPage } from '../pages/login/login';

let comp: MyApp;
let fixture: ComponentFixture<MyApp>;

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

beforeEach(async(() => {

    TestBed.configureTestingModule({

        declarations: [MyApp],

        providers: [
            StatusBar,
            SplashScreen,
            UserData,
            Platform
        ],

        imports: [
            IonicModule.forRoot(MyApp)
        ]

    }).compileComponents();

}));

beforeEach(() => {

    fixture = TestBed.createComponent(MyApp);
    comp    = fixture.componentInstance;

});

afterEach(() => {
    fixture.destroy();
    comp = null;
});

it('initialises with a root page of LoginPage', () => {
    expect(comp['rootPage']).toBe(LoginPage);
});

});

而我的 app.component.ts 就是这个

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { MenuSidePage } from '../pages/menu-side/menu-side';
import { LoginPage } from '../pages/login/login';
import { UserData } from '../providers/user-data';


@Component({
  template: `<ion-nav #nav [root]="rootPage"></ion-nav>`
})
export class MyApp {

  rootPage: any;

  constructor(
    public platform: Platform,
    public statusBar: StatusBar,
    public splashScreen: SplashScreen,
    private userData: UserData,
  ) {
    platform
      .ready()
      .then(() => {
        //First - check if user is logged
        if(this.userData.currentUser) { 
          this.rootPage = MenuSidePage;
        } else {
          this.rootPage = LoginPage;
        }
        statusBar.styleDefault();
        splashScreen.hide();

    });
  }
}
4

2 回答 2

0

该win()函数来自Plaftorm，您必须按如下方式模拟它：

export class PlatformMock {
  public ready(): Promise<string> {
    return new Promise((resolve) => {
      resolve('READY');
    });
  }

  public getQueryParam() {
    return true;
  }

  public registerBackButtonAction(fn: Function, priority?: number): Function {
    return (() => true);
  }

  public hasFocus(ele: HTMLElement): boolean {
    return true;
  }

  public doc(): HTMLDocument {
    return document;
  }

  public is(): boolean {
    return true;
  }

  public getElementComputedStyle(container: any): any {
    return {
      paddingLeft: '10',
      paddingTop: '10',
      paddingRight: '10',
      paddingBottom: '10',
    };
  }

  public onResize(callback: any) {
    return callback;
  }

  public registerListener(ele: any, eventName: string, callback: any): Function {
    return (() => true);
  }

  public win(): Window {
    return window;
  }

  public raf(callback: any): number {
    return 1;
  }

  public timeout(callback: any, timer: number): any {
    return setTimeout(callback, timer);
  }

  public cancelTimeout(id: any) {
    // do nothing
  }

  public getActiveElement(): any {
    return document['activeElement'];
  }
}

这是查看此模拟类的真正集成项目的链接。

希望能帮助到你 ：）

于 2017-12-11T17:12:43.470 回答
0

我还没有解决方案，但你不应该使用compileComponents()，因为你使用的是 atemplate而不是本教程templateUrl中所说的：

"当我们需要异步编译一个组件时，我们需要使用 compileComponents，例如具有外部模板的组件（通过 templateUrl 加载且未与模板内联的组件）。这就是此代码运行的 beforeEach 块的原因使用 async 参数——它为 compileComponents 设置了一个异步测试区域以在其中运行。 ”

希望这是一种帮助:)

于 2017-12-11T15:24:52.270 回答