title: Test automation html element selectors. Element ID or DataAttribute
body: <p>I'm currently placing some ID's on elements for UI Test automation.  These ID's are only being used for testing.  Should I be adding data-attributes instead possibly making it more readable to future developers(data-testHandle="mybutton") or should I stick with ID's.</p>
  
  <p>w3.org says:</p>
  
  <blockquote>
    <p>Custom data attributes are intended to store custom data private to
    the page or application, for which there are no more appropriate
    attributes or elements.</p>
  </blockquote>
  
  <p>I'm leaning towards keeping ids but some part of me thinks that future developers would think the ID's aren't used and remove them.</p>
  
  <p>Any best practices here.  Thanks.</p>