量角器测试:如何在登录表单中设置文本元素的值？

Question

我正在Protractor中为Angular应用程序编写测试.我想填写一份登录表格并提交.

我怎样才能做到这一点？我已经做到这一点,但我不知道如何设置电子邮件和密码字段的值.

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 1

只是为了通过谷歌找到这个的人的利益,答案是:

email.sendKeys('myemail@myemail.com');
password.sendKeys('mypassword');

Answer 2

您可以使用

email.clear().sendKeys('myemail@myemail.com');
password.clear().sendKeys('mypassword');

Answer 3

除了shruti和Richard,

要确保输入为空或清除,请使用返回Promise的clear方法.使用输入上的sendKeys方法解决promise .如果您使用默认值预填充输入,这将非常有用.

异步/等待:

async fillInEmail() { 
  await email.clear(); 
  email.sendKeys('myemail@myemail.com'); 
}
async fillInPassword() { 
  await password.clear(); 
  password.sendKeys('mypassword'); 
}

ES6:

email.clear().then(() => {
    email.sendKeys('myemail@myemail.com');
});

password.clear().then(() => {
    password.sendKeys('mypassword');
});

在ES6之前:

email.clear().then(function() {
    email.sendKeys('myemail@myemail.com');
});

password.clear().then(function() {
    password.sendKeys('mypassword');
});