html - 使用 getText() 验证元素在使用 typeahead 时返回空字符串

Question

我正在使用 Protractor 运行端到端测试，但无法使用 getText() 验证元素的文本。 Protractor 返回:

Expected '' to equal 'Joe Smith'.

代码如下:

<span class="input-group" style="padding: 40px;">
 <input tabindex="0" class="form-control ng-valid ng-dirty ng-
 valid-parse ng-touched" id="requesterSearchInput" aria-expanded="false"
 aria-invalid="false" aria-owns="typeahead-6604-1028" aria-
 autocomplete="list" type="text" placeholder="Enter a Requester name" ng-
 model="searchText" typeahead-loading="loadingLocations" typeahead-wait-
 ms="500" typeahead-min-length="1" typeahead-on-
 select="OnRequesterSelect($item)" typeahead-template-
 url="requesterTypeAheadTemplate.html" typeahead="rdata for rdatas in 
 GetRequesters($viewValue)"></input>

在我的测试脚本中，我有:

element(by.id('requesterSearchInput')).click();
browser.actions().sendKeys('Joe Smith').perform();
expect(element(by.id('requesterSearchInput')).getText()).toEqual('Joe Smith');

但是最后一行失败了:

 Expected '' to equal 'Joe Smith'.

我已经多次尝试解决这个问题，但都没有奏效。这是我的尝试:

尝试 1:

expect(element(by.id('requesterSearchInput')).getText()).toEqual('Joe Smith');

尝试 2:

expect(element(by.id('requesterSearchInput')).getAttribute("aria-hidden")).toEqual('Joe Smith');

尝试 3:

expect(element(by.id('requesterSearchInput')).getAttribute("innerText")).
    toEqual('Joe Smith');

尝试 4:

var previousEntry = element(by.xpath("//div[@ng-hide='searchText']"))
    .getAttribute("aria-hidden");
expect(previousEntry).toEqual('Masterson');

非常感谢您的帮助。

Answer 1

据我了解，您需要检查的是 value 属性:

expect(element(by.id('requesterSearchInput')).getAttribute('value')).toEqual('Joe Smith');