горизонтальная прокрутка в тесте веб-страницы - PullRequest
2 голосов
/ 14 мая 2019

Как написать тест для горизонтальной прокрутки на веб-странице с Test Cafe

Будучи новичком в области автоматизации тестирования и в тестовом кафе, я не могу найти пример теста для горизонтальной прокрутки в тестовом кафе.

1 Ответ

2 голосов
/ 14 мая 2019

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();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...