我的end2end测试存在问题。有时他们通过没有任何问题,但三分之二的时间他们失败。我使用带有以下代码的量角器:
describe('Admin dashboard delete Exports', function () {
it('create export', function () {
browser.get(e2GUrl + '/admin/studies');
ptor.wait(function() {
return ptor.isElementPresent(by.id('export'));
}, 5000, 'wait for study list page to be loaded.');
element(by.id('export')).click();
});
HTML(请注意,此元素是可见的,不会被ng-if或ng-show隐藏):
<ul>
<li data-ng-repeat="study in studies">
<div data-ng-controller="ExportController" class="btn-group">
<a id="export" class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fw-icon fw-icon-cloud-download"></i>Export
<span class="caret"></span>
</a>
<ul class="dropdown-menu export-list">
<li class="excel"><a data-ng-click="excel(study.Code)">Export to Excel</a>
</li>
</ul>
</div>
</li>
</ul>
我收到错误:
E2E:管理仪表板删除导出创建导出消息: NoSuchElementError:找不到使用locator的元素:By.id(“export”)
答案 0 :(得分:20)
我发现问题在于:
element
isPresent()
和isDisplayed()
所以,如果您只等待isPresent()
,则可以在html中找到它,但尚未显示。
elm.isDisplayed()
,那么它会很棘手,如果该元素尚不存在,它将会崩溃。因此,您必须先isPresent()
之前检查isDisplayed()
我制作了一个等待阻止2个属性的函数:
this.waitUntilReady = function (elm) {
browser.wait(function () {
return elm.isPresent();
},10000);
browser.wait(function () {
return elm.isDisplayed();
},10000);
};
describe('Admin dashboard delete Exports', function () {
it('create export', function () {
browser.get(e2GUrl + '/admin/studies');
waitUntilReady(element(by.id('export')));
element(by.id('export')).click();
});