Не удается нажать кнопку "Пуск" в веб-приложении с Cypress

Question

Изучаю Cypress, не нашел ответа в Google. Вот html кнопки и окружающих элементов. Я считаю, что эта страница представляет собой веб-приложение vue. js с гибкостью css.

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

И вот мой Cypress описывает:

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');