environment.ts не работает в тестировании Angular 2 - PullRequest
Новая
       36

environment.ts не работает в тестировании Angular 2

0 голосов
/ 12 сентября 2018

Пытается написать простой тест на Angular 2, но получает ошибку для environment.ts, как показано ниже

ОШИБКА в ./web/environments/environment.ts Ошибка сборки модуля: Ошибка: web \ environment \ environment.ts - это отсутствует в компиляции TypeScript. Пожалуйста, убедитесь, что это в ваш tsconfig через свойство 'files' или 'include'.

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();
  });
});

Есть предложения?

1 Ответ

0 голосов
/ 12 сентября 2018

создайте **.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();
    }));
});
...