javascript - Protractor 中的元素加载问题

Question

我现在对 Protractor 感到非常困惑。

似乎有时我的元素会及时加载，以便下一个操作发生在它们身上，有时则不然。我猜这与其异步性质有关。

无论如何，例如，有时此代码会通过，有时则不会:

it('should create an audience using an existing audience and should be able to filter and search for that audience', function () {
        page.audienceTab.click();
        $('.panel-list .row .panel-list-header .btn').click();
        $('.panel-list div .btn').click();
        $('.edit-audience .row .col-md-3 accordion .panel-group .name-filter .panel-collapse .panel-body section input').sendKeys('test-audience');
        $('.expose-offset button').click();
        $('.col-xs-4 input').sendKeys('test-audience');
        expect($('.panel-list .panel h3').getText()).toEqual('test-audience');
    });

无论如何，这个问题可以解决，以便保证元素在触发下一个操作之前加载？

Answer 1

您可以尝试显式解决click promise :

page.audienceTab.click().then(function () {
    $('.panel-list .row .panel-list-header .btn').click();
    $('.panel-list div .btn').click();
    $('.edit-audience .row .col-md-3 accordion .panel-group .name-filter .panel-collapse .panel-body section input').sendKeys('test-audience');
    $('.expose-offset button').click();
    $('.col-xs-4 input').sendKeys('test-audience');
    expect($('.panel-list .panel h3').getText()).toEqual('test-audience');
});

或者，等待元素出现然后再单击:

var EC = protractor.ExpectedConditions,
    button = $('.panel-list .row .panel-list-header .btn');
browser.wait(EC.presenceOf(button), 5000);
button.click();
// rest of the test