Cypress не воспринимает элементы HTML ⇐ Html

[Anonymous]

Я пытаюсь получить дескриптор простого HTML-тега , используя атрибут data-cy:

Код: Выделить всё

Register

Сначала я монтирую компонент:

Код: Выделить всё

 it('mounts', () => {
cy.mount(AccountDialogComponent, {
imports: [
HttpClientTestingModule,
ReactiveFormsModule,
AngularMaterialModule,
BrowserAnimationsModule
],
declarations: [ AccountDialogComponent ],
providers: [{provide: AccountService, useValue: accountService}]
})
});

Я провожу следующий тест:

Код: Выделить всё

it("text should be 'Register' when user is registering", () => {
cy.get('[data-cy="register"]').should('have.text', 'Register');
});

Тест продолжает возвращать ошибку:

assertожидается, что [data-cy="register"] будет иметь текст Register , но
текст был ''

Через несколько секунд возвращается ошибка утверждения:

Время повторной попытки истекло. 4000 мс: ожидалось найти элемент: [data-cy="register"], но он так и не был найден.

Я не могу понять, почему это не так. не работает?
Я новичок в Cypress, и это первый тест, который я делаю с момента установки Cypress в моем приложении Angular.

Подробнее здесь: https://stackoverflow.com/questions/751 ... l-elements