量角器等待isElementPresent并单击等待元素失败

Question

我的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:找不到使用定位器找到的元素:By.id("export")

Answer 1

我发现问题在于: 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();
         });