Angular Protractor не обнаруживает визуализированный тег компонента

Я хочу проверить, есть ли в моем app.component.htm тег chart html, необходимый для рендеринга моего chartComponent.

// app.e2e-spec.ts

import { AppPage } from './app.po';
import { by, element } from 'protractor';

describe('App', () => {
  let page: AppPage;

  beforeEach(() => {
    page = new AppPage();
  });

  it('should have a chart element', () => {
    page.navigateTo();
    const elem =  element(by.css('chart'));
    expect(elem.isPresent()).toBeTruthy();
  });
});

Тогда компонент:

// app.component.html
<chart></chart>

Всегда терпит неудачу с - Failed: script timeout: result was not received in 11 seconds

Что с этим не так? Элемент chart отображается в браузере должным образом.

Я просто попробовал воспроизвести то, что вы опубликовали, и не смог. Во-первых, в закрывающем теге chart отсутствует / (не уверен, намеренно ли). Во-вторых, на моей странице он вообще не отображается, у меня просто пустой app-root. Также моя IDE говорит: «« диаграмма »не является известным элементом: 1. Если« диаграмма »является компонентом Angular, то убедитесь, что она является частью этого модуля. 2. Чтобы разрешить любому элементу добавить« NO_ERRORS_SCHEMA »к« @ » NgModule.schemas 'этого компонента. " Не могли бы вы предоставить дополнительную информацию о том, как воспроизвести?

M Mansour 04.10.2018 13:27
<chart> - это настраиваемый компонент - для краткости я не включил код, но предполагаю, что это обычный угловой компонент, сгенерированный с помощью Angular CLI. Закрывающий тег был опечаткой, в моем приложении он закрыт правильно. Попробуйте встроить любой пользовательский компонент, а затем ссылаться на html с помощью транспортира.
TetraDev 04.10.2018 21:38
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
2
148
0

Другие вопросы по теме