javascript - nightwatch.js - 滚动直到元素可见

Question

我想滚动页面直到所需的元素出现可见。

我试过:

    browser.execute(function () {
        window.scrollBy(0, 10000000);
    }, []);

和

browser.getLocationInView("<selector>", function(result) {
    this.assert.equal(typeof result, "object");
    this.assert.equal(result.status, 0);
    this.assert.equal(result.value.x, 200);
    this.assert.equal(result.value.y, 200);
});

第一次不滚动页面，第二次失败，因为元素不可见。

如何解决这个问题？我想滚动直到元素出现可见。

Answer 1

如果你使用的是 JQuery，你可以这样做:

browser.execute(function () {
    $(window).scrollTop($('some-element').offset().top - ($(window).height() / 2));
}, []);

或者使用纯 JavaScript:

browser.execute(function () {
    document.getElementById("some-id").scrollIntoView();
}, []);

此外，在某些情况下我建议使用 Nightwatch's waitForElementVisible而不是断言，因为当使用断言时，您仅在给定时刻检查元素是否可见，但使用 waitForElementVisible 您可以指定等待它可见的时间。

如果元素之前是隐藏的，则在运行断言之前它可能不可见，这会导致断言失败，即使该元素实际上是可见的。