environment.ts 在测试 Angular 2 时不起作用

Question

尝试在 Angular 2 中编写简单的测试，但environment.ts错误如下

./

web/environment/environment.ts 中的错误 模块构建失败： 错误： web\environments\environment.ts 是 在 TypeScript 编译中缺失。请确保它在 您的 tsconfig 通过"文件"或"包含"属性。

app.component.ts

import { Component} from '@angular/core';
import { environment } from '../environments/environment';
@Component({
selector: 'web-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
title = 'Test App'; 
constructor() {
console.log(environment);
}  
}

app.component.spec.ts

import { AppComponent } from './app.component';
describe('AppComponent', () => {
it(`should 1+1`, () => {
expect(1 + 1).toEqual(2);  //Success
});
it('should have component ', () => {
const component = new AppComponent();  //Throws error
// expect(component).toBeTruthy();
});
});

有什么建议吗？

Answer 1

像这样创建你的**.spec.ts：

import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { AppModule } from './app/app.module';
import { APP_BASE_HREF } from '@angular/common';
describe('App', () => {
beforeEach(() => {
jasmine.DEFAULT_TIMEOUT_INTERVAL = 60000;
TestBed.configureTestingModule({
declarations: [
AppComponent
],
imports: [
AppModule
],
providers: [
{ provide: APP_BASE_HREF, useValue: '/' }
]
});
});
it('should have component', async(() => {
let fixture = TestBed.createComponent(AppComponent);
let app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
});