javascript - 主题中的 Cypress 获取按钮

Question

我有一个案例，我需要测试通过网站上的事件生成的按钮(制作游戏会在其主页上创建一个按钮)。这些按钮应将用户带到他们的游戏门户。

按钮包含在 .sidebar--按钮主题中，它们从上到下列出。

首先，我尝试使用以下方法单击 .sidebar--button 中的第 n 个按钮:

    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--button 中选择一个生成的按钮，使用:

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()