Question

正在学习赛普拉斯，无法在Google上找到答案。这是按钮和周围元素的html。我相信此页面是带有Flex CSS的vue.js Web应用程序。

<div class="row no-gutters align-center justify-center" data-v-11111111="">
    <div class="v-card__actions" data-v-11111111="">
        <button class="title v-btn--contained theme--dark v-size--x-large green"     data-v-11111111="" type="button">
            <span class="v-btn__content">
                Start
            </span>
        </button>
    </div>
</div>

这是我的赛普拉斯的描述：

describe('Begin the form', () => {
    it('I can start the form', () => {
      cy.visit('https://this.app.com/#/start');
      cy.get("span[class='.v-btn__content']").click();
    });
  });

在Cypress中运行上述命令时，我在Cypress结果中得到以下信息：

Timed out retrying: Expected to find element: span[class='.v-btn__content'], but never found it.

Answer 1

好，然后尝试

cy.get('.v-btn--contained').click();

Answer 2

您可以尝试

cy.get('.v-btn__content').click();

如果不起作用，请检查该元素是否可见

cy.get('.v-btn__content').should('be.visible');

赛普拉斯无法在Web App上单击开始按钮

2 个答案: