上一篇: 如何在@ViewChild Angular2中查找... 下一篇:打字稿 – 如何在angular2中使用...

单元测试 – Angular2：“TypeError：无法读取未定义的属性’createAsync’”

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了单元测试 – Angular2：“TypeError：无法读取未定义的属性’createAsync’”，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

单元测试

import {Goal} from '../../providers/goal/goal';
import {GoalSetTingsPagE} from './goal-setTings';

import {Modal,Alert,NavParams,ViewController,Events} from 'ionic-angular';
import {provide,ReflectiveInjector,Component} from '@angular/core'
import {FormBuilder} from '@angular/common';

import {
  beforeEach,beforeEachProviders,describe,expect,it,xit,TESTComponentBuilder,ComponentFixture,inject,async
} from '@angular/core/tesTing';


describe('Goal SetTings',() => {

    it('should display header title: "Some title"',inject([TESTComponentBuilder],(tcb: TESTComponentBuilder) => {
        return tcb.createAsync(GoalSetTingsPagE).then((fixturE) => {
            fixture.detectChanges();

            var compiled = fixture.debugElement.nativeElement;

            expect(compiled.innerHTML).toContain('ion-title');               
            expect(compiled.querySELEctor('span'))        .toHaveText('Cancel');
            expect(compiled.querySELEctor('ion-title')    .innerText).toBe('DrEvil');

        });
  }));

错误消息

问题

Pascal在这里写道：http://5thingsangular.github.io/2016/04/11/issue-1.html那个injectAsync已被弃用,那么我如何像酷帅一样创建Async？

更新：重启gulp后错误消失.现在我明白了：

updatE2：

通过注入描述范围而不是注入范围来@L_674_4@：

let tcb;

    //setup
    beforeEachProviders(() => [
        TESTComponentBuilder
    ]);

    beforeEach(inject([TESTComponentBuilder],_tcb => { 
        tcb = _tcb
    }));

新错误

解决方法@H_772_31@

导入test_BROWSER_DYNAMIC_APPLICATION_PROVIDERS和test_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,如下所示：

import {
  test_BROWSER_DYNAMIC_APPLICATION_PROVIDERS,test_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,}  from '@angular/platform-browser-dynamic/tesTing';

setBaseTestProviders(test_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,test_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);

..@L_674_4@了我的上一个错误.