Кипарисовая кнопка в теме

Question

У меня есть случай, когда мне нужно проверить кнопки, сгенерированные в результате активности на сайте (создание игры создает кнопку на их домашней странице).Эти кнопки должны перенести пользователя на игровой портал.

Кнопки содержатся в .sidebar - теме кнопки, они перечислены сверху вниз.

Сначала я попытался нажать n-ую кнопку в .sidebar - кнопке, используя:

    it('selects the 3rd game in the sidebar', () => {
    cy.get('.sidebar--button').eq(2).click()
    cy.wait(1000)
    cy.url()
        .should('include', 'portal')

Это не удалось, так как я не могу использовать .eq, чтобы щелкнуть элемент.

Затем я попытался использовать .within, чтобы выбрать одну сгенерированную кнопку внутри кнопки .sidebar -, используя:

it('deletes the current game', () => {
    cy.get('.sidebar--button').should('have.length', 1)
    cy.get('.sidebar--button').within((".sidebar--button") => {
        cy.get('.button').click()
    })
    cy.wait(1000)
    cy.url()
        .should('include', 'portal')

Это тоже не удалось.

Как я могу cy.get ('nth button'). Click () только с кнопками, содержащимися в .sidebar - button?

Answer 1

Эта кнопка имеет другой текст?если да, то используйте

cy.get('.sidebar--button').contains('whatever the text is').click()

Answer 2

Вы можете использовать для этого селекторов CSS.Например, если у вас есть сценарий, подобный этому .parent>.child*4>button, вы можете получить доступ к третьему элементу с помощью .parent:nth-child(3) button.Для более точного выбора CSS я должен знать структуру HTML.

----- Отредактировано -----

Рабочий селектор для этого случая .sidebar--button:nth-child(3) .button.