title: Assigning ID to all elements of a page in angular automatically
body: <p>We are working on an enterprise web application, at the moment we hired an e2e test engineer to perform automation tests.</p>
  
  <p>He asked us to assign IDs to every single element in pages.
  Is there a tool or something to perform this action automatically and adds some random IDs to all elements in HTML files ?
  we already have a bunch of files and it would take much time to add them manually.</p>
  
  <p>According to the following question,  A selector like <code>body div:nth-of-type(4) ul li:nth-child(5) a</code> to check a certain link is not only obviously ugly, but also prone to changes in the markup. A small change could break half of your testsuite.
  <a href="https://stackoverflow.com/questions/16153986/adding-id-attribute-to-all-html-elements-of-a-web-application">Adding ID attribute to all HTML elements of a web application?</a></p>
  
  <p>We are using: Angular v6 / Material v2 / Protractor / Jasmine</p>