title: Element in Protractor where the ID is a variable
body: <p>I'm writing some E2E tests using Protractor. There's one text box I'm having real difficulty in getting to...using strict xpath <code>.//*[@id='_euj7snvsk']</code> wont work because the text within ' ' changes each run-time.</p>
  
  <p>Here's the surrounding entry:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="kf-input" _ngcontent-c17=""&gt;
  &lt;!----&gt;
  &lt;input id="_9b5w9rlmb" class="input kf-input-valid ng-dirty ng-valid ng-touched" _ngcontent-c17="" tabindex="0" placeholder="e.g. My living room project" required="" pattern="^[ A-Za-z0-9']{3,40}$" type="text"/&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;!----&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Tried 'getting' at the placeholder and class but with zero success. Please can anyone suggest a way forward?
  Thanks
  David</p>