Угловое 5-модульное тестирование не удалось даже при импорте модулей - PullRequest
0 голосов
/ 23 апреля 2019

После запуска ng test мое приложение Angular 5 продолжает возвращать ошибки, такие как

Can't bind to 'routerLink' since it isn't a known property of 'button'.

и

Can't bind to 'ngModel' since it isn't a known property of 'select'.

Сгенерировано Angular-CLI.

Переходя к моему app.component.spec.ts файлу ...

import { RouterTestingModule } from '@angular/router/testing'
import { AppComponent } from './app.component'
import { FormsModule, ReactiveFormsModule } from '@angular/forms'
import { UserService } from './user-account/user.service'

describe('AppComponent', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule,
        FormsModule,
        ReactiveFormsModule
      ],
      declarations: [
        AppComponent
      ],
      providers: [
        UserService
      ]
    })
    TestBed.compileComponents()
  })

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(AppComponent)
    const app = fixture.debugElement.componentInstance
    expect(app).toBeTruthy()
  }))

  it(`should have as title 'app works!'`, async(() => {
    const fixture = TestBed.createComponent(AppComponent)
    const app = fixture.debugElement.componentInstance
    expect(app.title).toEqual('app works!')
  }))

  it('should render title in a h1 tag', async(() => {
    const fixture = TestBed.createComponent(AppComponent)
    fixture.detectChanges()
    const compiled = fixture.debugElement.nativeElement
    expect(compiled.querySelector('h1').textContent).toContain('app works!')
  }))
})

Поскольку я импортирую FormsModule и RouterTestingModule, я не должен видеть эти ошибки, верно?Я закрыл и повторно запустил тест после сохранения, но это также не исправило его.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...