scrollIntoView
Обзор
Используйте команду scrollIntoView, чтобы выполнить подскролл к заданному элементу.
к сведению
Читайте также Element.scrollIntoView() на MDN.
Использование
await browser.$(selector).scrollIntoView();
или
await browser.$(selector).scrollIntoView(alignToTop);
или
await browser.$(selector).scrollIntoView({ behavior, block, inline });
Параметры команды
| Имя | Тип | По умолчанию | Описание |
| alignToTop | Boolean | true | Если значение true, то верхняя граница элемента будет выровнена по верху видимой области скроллируемого предка. Соответствует {block: 'start', inline: 'nearest'}. Если значение false, нижняя граница элемента будет выровнена по низу видимой области скроллируемого предка. Соответствует {block: 'end', inline: 'nearest'}. |
| behavior | String | "auto" | Задает анимацию прокрутки: "auto" или "smooth". |
| block | String | "start" | Задает вертикальное выравнивание: "start", "center", "end" или "nearest". |
| inline | String | "nearest" | Задает горизонтальное выравнивание: "start", "center", "end" или "nearest". |
Примеры использования
it("should demonstrate the scrollIntoView command", async ({ browser }) => {
const elem = await browser.$("#myElement");
// выполнить подскролл к элементу
await elem.scrollIntoView();
// подскроллировать так, чтобы элемент был по центру вьюпорта
await elem.scrollIntoView({ block: "center", inline: "center" });
});