如何在没有类名和id或name属性的情况下在cypress中获取有角度的6 UI元素

Question

如何在cypress中获取不带类名和id或name属性且仅具有ngModel的输入和仅具有方法调用的按钮的Angular 6 UI元素。

示例： 如何在赛普拉斯中获得以下元素？

1）<ion-input type="email" placeholder="test text field"></ion-input>

2）<ion-input type="text" [(ngModel)]="name" placeholder="test text field name"></ion-input>

3）<ion-segment-button value="Actions" (click)="callMethod()">Click Me</ion-segment-button>

Answer 1

您可以按占位符访问：

cy.get('ion-input[placeholder=placeholderText]')

或按照 cypress 文档中的建议：只需将 data-cy =“ yourKey” 属性添加到您的元素。然后可以通过以下方式访问它：

cy.get('[data-cy=yourKey]'))

https://docs.cypress.io/guides/references/best-practices.html#Selecting-Elements