title: Dynamically assigned IDs
body: <p><strong>The Goal:</strong> Navigate through Gmail, and click on a link that in my inbox.</p>
  
  <p><strong>So far I have:</strong> Logged into gmail with username and password successfully as well as opened up the first displayed email using Protractor. </p>
  
  <p><strong>The issue:</strong> Each time I load the webpage and inspect the HTML code in order to reference the link in the email, the class names and ids are different. For instance, last time the xpath was: <code>//*[@id=":6d"]/a</code>, but now it is <code>//*[@id=":ml"]/a</code>.</p>
  
  <p><strong>The element:</strong>
  <code>&lt;a href= "the desired link" target="_blank" data-saferedirecturl="the desired link v2" &gt; change Account password.&lt;/a&gt; == $0</code></p>
  
  <p>And all superclasses above it consist of code like the following: <code>&lt;div id=":66" class="ii gt adP ad0&gt;</code> which are seemingly dynamically created.</p>
  
  <p>How would you all recommend referencing the link?
  Thanks in advance</p>