web-dev-qa-db-ja.com

Angular-Cypress data-cy属性を追加

私は昨日、角度で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> 
_

その属性を動的に追加するために個人的なディレクティブを作成する必要がありますか?それとももっと良い方法がありますか?

3
Mauro Insacco

角の扱いdata-特別 で、ディレクティブを作成するときに問題が発生する可能性があります。

代わりに属性バインディングを使用する必要があります。

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