Как запросить элемент кнопки регистрации ниже в Cypress, чтобы щелкнуть по нему

Question

Как запросить указанный ниже элемент кнопки регистрации в Cypress, чтобы щелкнуть по нему. В форме регистрации есть кнопка «Зарегистрироваться». Ниже указан код Angular для этой кнопки.

cy.contains('Sign Up).click() >>><button _ngcontent-ixw-c248="" nz-button="" nzblock="" nzsize="large" nzshape="round" nztype="primary" ng-reflect-nz-block="" ng-reflect-nz-size="large" ng-reflect-nz-shape="round" ng-reflect-nz-type="primary" class="ng-tns-c88-13 ant-btn ant-btn-primary ant-btn-round ant-btn-lg ant-btn-block" ng-reflect-nz-loading="false"><!--bindings={
  "ng-reflect-ng-if": "false"
}--><span class="ng-star-inserted"> Sign Up </span></button>

Answer 1

Поскольку Sign Up находится внутри элемента span, вы можете попробовать нажать на эту кнопку следующим образом. Также в подписке есть место слева и справа от текста.

cy.get('button > span').contains(" Sign Up ").click({force:true});

Если class не является динамическим c, вы также можете попробовать, получив класс, как показано ниже .

cy.get('.ng-tns-c88-13 span').contains(" Sign Up ").click({force:true});

примечание: я использую force:true, так как я не видел всю страницу html, если кнопка обернута другими тегами html, вам нужно передать force:true внутренний щелчок, иначе не требуется, как показано ниже;

cy.get('button > span').contains(" Sign Up ").click();