Как сделать Angular 2 final (2.0.0, after rc7) и TestBed работать в этом Plunkr?

Question

Я просто хочу инициировать TestBed, поэтому я могу использовать функции TestBed. Я пытаюсь это в моей Src/test.spec.ts и он не работает:

TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting()); 

Я также пытался делать System.import для Testbed и это не сработало. Например, это не работает как тег скрипта в index.html.

Promise.all([ 
    System.import('@angular/core/testing'), 
    System.import('@angular/platform-browser-dynamic/testing') 
]).then(function (providers) { 
    var testing = providers[0]; 
    var testingBrowser = providers[1]; 
    testing.TestBed.initTestEnvironment(testingBrowser.BrowserDynamicTestingModule, 
     testingBrowser.platformBrowserDynamicTesting()); 
}).then(function() { 
    return Promise.all(
      return System.import(app/test.spec.ts); //"app" stands for // './src' in the config.js file for SystemJS 
     ); 
}) 

Вот Plunkr: https://plnkr.co/edit/K0IyBnR8F4F7zOp6LETi?p=preview

Answer 1

Кажется, вы забыли о rxjs и вам необходимо также обновить zonejs и включают в себя некоторые другие zonejs скрипты:

config.json

map: { 
    'app': './src', 
    'typescript': 'npm:typescript@1.8.0/lib/typescript.js', 
    '@angular/core': 'npm:@angular/core@2.0.0/bundles/core.umd.js', 
    '@angular/common': 'npm:@angular/common@2.0.0/bundles/common.umd.js', 
    '@angular/compiler': 'npm:@angular/compiler@2.0.0/bundles/compiler.umd.js', 
    '@angular/platform-browser': 'npm:@angular/platform-browser@2.0.0/bundles/platform-browser.umd.js', 
    '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic@2.0.0/bundles/platform-browser-dynamic.umd.js', 
    '@angular/http': 'npm:@angular/http@2.0.0/bundles/http.umd.js', 
    '@angular/router': 'npm:@angular/router@2.0.0/bundles/router.umd.js', 
    '@angular/forms': 'npm:@angular/forms@2.0.0/bundles/forms.umd.js', 
    '@angular/upgrade': 'npm:@angular/upgrade@2.0.0/bundles/upgrade.umd.js', 
    '@angular/core/testing': 'npm:@angular/core@2.0.0/bundles/core-testing.umd.js', 
    '@angular/common/testing': 'npm:@angular/common@2.0.0/bundles/common-testing.umd.js', 
    '@angular/compiler/testing': 'npm:@angular/compiler@2.0.0/bundles/compiler-testing.umd.js', 
    '@angular/platform-browser/testing': 'npm:@angular/platform-browser@2.0.0/bundles/platform-browser-testing.umd.js', 
    '@angular/platform-browser-dynamic/testing': 'npm:@angular/platform-browser-dynamic@2.0.0/bundles/platform-browser-dynamic-testing.umd.js', 
    '@angular/http/testing': 'npm:@angular/http@2.0.0/bundles/http-testing.umd.js', 
    '@angular/router/testing': 'npm:@angular/router@2.0.0/bundles/router-testing.umd.js', 
    '@angular/forms/testing': 'npm:@angular/forms@2.0.0/bundles/forms-testing.umd.js', 

    'rxjs': 'npm:rxjs' 
}, 

index.html

<script src="https://unpkg.com/zone.js@0.6.25/dist/zone.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/long-stack-trace-zone.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/async-test.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/fake-async-test.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/sync-test.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/proxy.js"></script> 
<script src="https://unpkg.com/zone.js@0.6.25/dist/jasmine-patch.min.js"></script> 

Кроме того, что у Вас есть ошибка в компоненте:

SRC/component.ts

export class myCmp { 
    this._testVar = "initial value"; 

Вы должны удалить this.

Вот Plunker Example для вашего случая. Надеюсь, это поможет вам!