テスト自動化html要素セレクタ。要素IDまたはDataAttribute

Question

私は現在、UIテスト自動化の要素にいくつかのIDを配置しています。これらのIDはテストのためだけに使用されています。データ属性を追加して将来の開発者（data-testHandle = "mybutton"）に見やすくするか、IDに固執する必要があります。

w3.orgは言う：

カスタムデータ属性を にこれ以上 属性や要素の適切な存在であるためにページまたはアプリケーションを、民間のカスタムデータを格納することを意図しています。

私はIDを保持することに傾いていますが、将来の開発者はIDが使用されていないと思って削除すると思います。

ここでのベストプラクティスありがとう。

Answer 1

これは意見に基づいていることに近いです。ここでは選択肢を作るのに役立つ要約があります。

• が、これはテストの自動化に要素
• これは、一般的に最速の方法ですを見つけるため方法をやって共通、みんなによく知られている：

  は、なぜあなたはID属性を使用しますセレンがそれを現代のブラウザによって最適化されたdocument.getElementById()を実行するように取得するので、ページ上の要素を見つけることができます（ただし、通常はend-to末端UIテスト、それはビルトインロケータ

• を結合すべてのセレン言語で使用すると、FirebugのやChromeデベロッパーツールを使用する場合はある
• ）重要ではない - CSSのセレクタとXPath生成ツールは、一般的に、より堅牢な提供することになります可能な限りいつでも要素のidを使用するロケータ
• より短いCSSセレクタとXPath式を作成します。例えば。 [automation-id=myid] .someclassとは対照的に#myid .someclassである。

なぜあなたはカスタム属性を使用します。

• 必要なすべての要素に、たとえば、automation-id属性を追加した場合、あなたは多少の名前空間/範囲だろう、それはテストの自動化に - 誰も属性名からだけで何がわかるでしょうか。意味、あなたは劇的に

---

（thisとthis答えへの参照を）id属性とは反対に、意図的に属性を変更し、開発者の可能性を減少させていることができ、通常は、同様のアプリケーションのクライアント・サイドのロジックのために使用されます

また、ここではいくつかの関連スレッドは以下のとおりです。

• Is adding IDs to everything standard practice when using Selenium?
• Which is the best and fastest way to find the element using webdriver? By.XPath or By.ID or anything else? And why?
• Something Better than IDs for Identifying Elements in Selenium Tests

Answer 2

あなたは（または他の誰かが）後でJSのために要素を対象とするためにIDを使用する必要があるので、代わりにデータ属性を使用します。テスト以外の目的でカスタムデータ属性をターゲットにする必要はありません。