unit-testing - 使用 TestBed 进行 Angular2 测试时出现未定义区域错误

Question

我一直在研究 Angular 教程 https://angular.io/docs/ts/latest/guide/testing.html构建我的第一个单元测试。在进入 TestBed 示例之前，我能够让一切正常工作。当我将 TestBed 添加到组合中时，我得到“Uncaught ReferenceError: Zone is not defined”。

在我的 spec-bundle 中，我声明并初始化了 Testbed 环境。

规范包

Error.stackTraceLimit = Infinity;

require('phantomjs-polyfill');

require('core-js/es6');
require('core-js/es7/reflect');

// Typescript emit helpers polyfill
require('ts-helpers');

// DO NOT REORDER: Dependency order needs to be strictly followed
require('zone.js/dist/zone');
require('zone.js/dist/long-stack-trace-zone');
require('zone.js/dist/async-test');
require('zone.js/dist/fake-async-test');
require('zone.js/dist/sync-test');
require('zone.js/dist/proxy');
require('zone.js/dist/jasmine-patch');

// RxJS
require('rxjs/Rx');

var testing = require('@angular/core/testing');
var browser = require('@angular/platform-browser-dynamic/testing');

testing.TestBed.initTestEnvironment(
    browser.BrowserDynamicTestingModule,
    browser.platformBrowserDynamicTesting()
);

Object.assign(global, testing);

window.__karma__ && require('./karma-require');

测试文件

import { ComponentFixture, TestBed } from '@angular/core/testing';   
import { SomeComponent } from './some.component';

let fixture: ComponentFixture<SomeComponent>;

describe('Orders Component', () => {

    let ordersComponentStub: SomeComponent;

    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [SomeComponent]

        });
    });

});

Answer 1

我通过在我的配置中添加以下内容在我的项目中解决了这个问题。我正在使用 Wallaby.js，所以为了解决这个问题，我将以下行添加到我的 module.exports

{pattern: 'node_modules/zone.js/dist/zone.js', included: true, watched: true}

如果您使用的是 karma 之类的东西，则应采用相同的解决方案。