Angular - 添加 Cypress data-cy 属性

Question

我昨天才开始使用带有角度的 cypress.io，正如文档所说，我正在使用属性 data-cy 专门针对元素

<div data-cy="myelement">Hello</div>

cy.get("[data-cy=myelement]")

问题是如果我想动态绑定它，angular 无法识别 data-cy 属性

<div *ngIf="user$ | async as user" [data-cy]="user.name">Online</div> 

我是否必须创建一个个人指令来动态添加该属性？或者有更好的方法吗？

Answer 1

Angular 进行了data- 特殊处理，您可能会在创建指令时遇到麻烦。

您应该改用属性绑定：

[attr.data-cy]="user.name"