data-testid の代わりに React テストライブラリ ID を使用する? 質問する

data-testid の代わりに React テストライブラリ ID を使用する? 質問する

id次のようなデータ属性の代わりにHTML 属性を使用した場合、何か違いはありますかdata-testid?

テストでの使用に関する参考資料data-testid:

https://testing-library.com/docs/queries/bytestid/

ベストアンサー1

表面的には技術的な違いは見当たりません。

しかし、読みやすさの点では、data-testid他の開発者はこれが特にテストケースに使用されていることに気付くかもしれませんが、idこれはスタイルの観点からである可能性があります。

またidclass実装が変更された場合、セレクターはより頻繁に変更される可能性があります。

参照:

UI テストを変更に対して耐性のあるものにする

おすすめ記事