Angular e2e - должен отображать заголовок в теге h1 - PullRequest
Новая
       9

Angular e2e - должен отображать заголовок в теге h1

0 голосов
/ 18 декабря 2018

Я занимаюсь разработкой собственного сайта.Я новичок в Angular и, основываясь только на обучающих и онлайн-постах, я начал разработку своего сайтаВо время выполнения тестов я столкнулся с ошибкой при получении значения тега h1.

Я разработал маршруты.Один из маршрутов, которые загружает AppComponent, - это HomeComponent, в котором доступен тег h1.

В файле app.component.spec.ts ниже не удалось получить значение h1.

it('should render title in a h1 tag', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to jc-web!');});

Кто-нибудь может подсказать, как я могу получить значение h1 из HomeComponent в приведенном выше коде?

Благодарим вас за помощь.

1 Ответ

0 голосов
/ 18 декабря 2018

Чтобы получить доступ к значению h1 внутри HomeComponent, которое вложено в AppComponent, вам нужно либо предоставить фактический HomeComponent в свой TestBed: 

TestBed.configureTestingModule({
    declarations: [
        AppComponent,
        HomeComponent
    ]
});

, либо предоставить версию с заглушкой для вашеготест для использования.Если вы решите предоставить фактический компонент, вы также должны включить все его зависимости.Более подробное объяснение того, как тестировать вложенные компоненты в документации Angular здесь .

...