title: How to specify "element(by.id" or "element(by.css" in Ember.js using Protractor
body: <p>New to ember.js -- used <a href="http://yoember.com/" rel="nofollow noreferrer">http://yoember.com/</a> to create a Demo ember.js site. I'm trying to figure out how to use Protractor to test certain elements, but I'm encountering issues specifying them.</p>
  
  <p>Most, but not all, elements (buttons, text areas, etc) have a serialized id value: <code>id='ember###'</code> that changes every time the page is reloaded, which makes it impossible to indicate some elements in Protractor (like, <code>element(by.id('ember557')).sendKeys('foo');</code>). </p>
  
  <p>Running a command like the one above will return the error: <code>Failed: No element found using locator: By(css selector, *[id="ember557"])</code>, which is due to the 3-digit id value changing.</p>
  
  <p>In my demo app, I was able to go into the <code>/app/templates/components/</code> file for that page and manually add something like <code>id='name'</code> into the handlebars input and was able to successfully find and test that element in Protractor.</p>
  
  <p>This isn't ideal though, and I'd like to find a way to test sites that I don't have the ability to modify the html of.</p>
  
  <p>Can anyone help me wrap my head around this? Thanks.</p>