在Cypress中向右滚动一页

Question

如何在Cypress中向右滚动一页?

。我有一个水平可滚动的区域。该区域包含元素a,b，如果我向右滚动，a和b会被破坏，而c和d会被添加。

我的尝试是找出可滚动视图的宽度，然后向右滚动。但是在scrollTo被调用之前，宽度不会被检索。

下面是我要做的:

const width = cy.getCy("scroll-viewport").invoke("width");
cy.getCy("scroll-viewport").scrollTo(width, 0);

Answer 1

你的代码样本有一些神秘，例如什么是cy.getCy()。

我可以告诉你如何用标准代码来做，你可以从那里适应。

假设scroll-viewport是滚动容器的选择器(滚动条的所有者)

cy.get("scroll-viewport").then($scrollContainer => {
const width = $scrollContainer[0].offsetWidth;
$scrollContainer[0].scrollTo(width, 0);
})

注意$scrollContainer[0].scrollWidth给出了滚动后的总宽度，以防你需要。