Protractor testing: How to set the value of text elements in a login form?

javascript angularjs protractor
Richard picture Richard · Nov 25, 2013 · Viewed 52.4k times · Source

I am writing tests in Protractor for an Angular app. I want to fill out a login form and submit it.

How can I do this? I have got this far, but I don't know how to set the value of the email and password fields. 

describe('The dashboard', function() {
  ptor = protractor.getInstance();

  beforeEach(function() {
    ptor.get('#/dashboard');
    var email = ptor.findElement(protractor.By.model('email'));
    var password = ptor.findElement(protractor.By.model('password'));
    var submit = ptor.findElement(protractor.By.tagName('button'));
    // Fill out the form?
    submit.click();
  });

  it('has a heading', function() {
    heading = ptor.findElement(protractor.By.tagName('h1'));
    expect(heading.getText()).toEqual('My Dashboard');
  });
});

Answer

Richard picture Richard · Nov 25, 2013

Just for the benefit of anyone who found this via Google, the answer is: 

email.sendKeys('[email protected]');
password.sendKeys('mypassword');

Related questions

How to select option in drop down protractorjs e2e tests

I am trying to select an option from a drop down for the angular e2e tests using protractor. Here is the code snippet of the select option: <select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="…

Read More
How to set default browser window size in Protractor/WebdriverJS

For some reason when I run my tests at work the browser is maximized, but when I run them at home it only opens a browser window of about 50% width. This causes some discrepancies with scrolling down, etc., so I'd …

Read More
How to make protractor press the enter key?

I've tried this: browser.actions().keyDown(protractor.Key.ENTER).keyUp(protractor.Key.Enter).perform(); which gives the error: Error: Not a modifier key

Read More