Cypress Angular: CypressError «Тайм-аут повторной попытки: ожидается поиск контента»

Question

Я запускаю этот следующий тест в Cypress, у меня есть это сообщение об ошибке на последнем шаге (щелчок): Тайм-аут повторной попытки: Ожидается найти элемент: .button-darkblue, но никогда не находил его.

Это мой код:

describe('Test Login', () => {
it('Test login with good info', () => {
    cy.visit('http://localhost:4200/login/')
    cy.url().should('eq', 'http://localhost:4200/login')
    cy.get('.login-box').should('be.visible')
    cy.fixture('adminData').then((adminData) => {
        cy.get('#loginForm').within(function () {
            cy.get(':nth-child(1) > .blue > input').clear().type(adminData.email)
            cy.get(':nth-child(2) > .blue > input').clear().type(adminData.password)
            cy.get('.button-darkblue').click()
        })
    })
})

})

Это мой html

<div class="frow justify-between login-action-buttons" id="loginActionButtons">
<div class="grid-example-square">
    <button (click)="register()" routerLinkActive="router-link-active" class="button-text-blue">
        Create an account
    </button>
</div>
<div class="">
    <button class="button-darkblue">
        Connect
    </button>
</div>

Answer 1

Решаю, вытащив строку кода изнутри (функция)

describe('Test Login', () => {
it('Test login with good info', () => {
cy.visit('http://localhost:4200/login/')
cy.url().should('eq', 'http://localhost:4200/login')
cy.get('.login-box').should('be.visible')
cy.fixture('adminData').then((adminData) => {
    cy.get('#loginForm').within(function () {
        cy.get(':nth-child(1) > .blue > input').clear().type(adminData.email)
        cy.get(':nth-child(2) > .blue input').clear().type(adminData.password)
    })
cy.get('.button-darkblue').click()
})

})