如何在angular-2表单控件中使用量角器？

Question

我刚开始在angular2中使用量角器。我已经用下面的量角器写了一个样本测试

<input type="text"  id="name">


describe('angularjs homepage', function() {
it('should say my name', function() {
    browser.get('http://localhost:3000/?');
var greeting =element(by.id('name') ).sendKeys('john');
expect(greeting.getAttribute('value')).toEqual('john');
});
});

这样做效果很好。但我使用的表单如下所示

<input type="text" [formControl]="testControl" />

我在输入control.Is中没有提到任何id，可以通过使用控件名来编写测试，比如var greeting=element(by.formcontrol('testControl')).sendKeys('john');，因为我不想在输入中提到Id's or names。如果我是wrong.Thank out.Correct，你们能帮我吗？

Answer 1

你可以尝试使用css选择器来定位输入吗？看看下面两个例子。

element(by.css("input[formControl='testControl']"))

Answer 2

在这方面也遇到了困难，并得到了可以接受的答案。我最终创建了一个实用方法，如下所示：

const input = (name: string) => element(by.css('input[ng-reflect-name=\"' + name + '\"]'));

用法：

input('firstName').sendKeys('John');

Answer 3

这可能是因为protractor试图在元素可见之前查找元素，就在browser.get()之后。CSS/XPath选择器通常可以工作，因此可以尝试这样做：

describe('angularjs homepage', function() {
    it('should say my name', function() {
        browser.get('http://localhost:3000/?');
        var EC= protractor.ExpectedConditions;
        browser.wait(EC.visibilityOf($('yourElementHere'), 60000);
        var greeting =element(by.id('name') ).sendKeys('john');
        expect(greeting.getAttribute('value')).toEqual('john');
    });
});

这将强制量角器在继续之前等待页面上特定元素的可见性(具有超时)。