TestCafe не предоставляет отдельное действие scroll
, однако TestCafe выполняет прокрутку автоматически при вызове любого действия. Например, если вам нужно перейти к какому-либо элементу, вы можете использовать действие hover .
Если вам по-прежнему необходимо прокручивать страницу без каких-либо действий, вы можете использовать механизм ClientFunction . Пожалуйста, смотрите следующий код:
import { ClientFunction } from 'testcafe';
const browserscroll = ClientFunction(function() {
window.scrollBy(0,1000)
});
test('Test', async t => {
await browserscroll();
});
ОБНОВЛЕНИЕ:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
#scroll-container {
overflow: scroll;
width: 800px;
height: 800px;
}
#scroll-content {
height: 5000px;
width: 5000px;
background-color: blue;
}
</style>
</head>
<body>
<div id="scroll-container">
<div id="scroll-content"></div>
</div>
</body>
</html>
Тестовый код:
import { Selector, ClientFunction } from 'testcafe';
fixture `My first fixture`
.page `../pages/index.html`;
const scrollContainer = Selector('#scroll-container');
const scrollFn = ClientFunction(scrollValue => {
scrollContainer().scrollLeft = scrollValue;
}, { dependencies: { scrollContainer } });
test('My first test', async t => {
await scrollFn(1000);
await t.debug();
});