Angular-添加赛普拉斯data-cy属性

Question

昨天我才开始使用cypress.io和angular，正如文档所说，我正在使用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- specially，在创建指令时可能会遇到麻烦。

您应该改为使用属性绑定：

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