testing - 如何使用 TestCafe 向上滚动和向下滚动？

Question

如何使用 TestCafe 向上滚动和向下滚动？

我尝试了 window.scroll()，window.scrollTo()并抛出一个错误 window is not defined.

Answer 1

更新:在 v1.14.0及更高版本，您可以使用以下滚动方法:t.scroll , t.scrollBy , 和 t.scrollIntoView .

旧答案:

在您的情况下，您可以创建自己的 ClientFunction :

import { ClientFunction } from 'testcafe';

fixture `Fixture`
    .page `https://github.com/DevExpress/testcafe`;

const scroll = ClientFunction(function() {
    window.scrollBy(0,1500);
});

test(`test`, async t => {
    await scroll();
    await t.wait(1000);
});

t.hover Action 示例:

// scroll to the "#some-element-scroll-to" element
await t.hover(Selector('#some-element-scroll-to'));