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

时间:2015-01-19 13:08:18

标签: angularjs protractor e2e-testing

我的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”)

1 个答案:

答案 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();
         });