赛普拉斯 - 由于滚动条而隐藏的按钮

Question

我有问题。如果我单击一个按钮，那么它会显示一个小窗口，我需要在其中单击另一个按钮。但它被隐藏了，因为那个窗口太小了，需要用滚动条移动。我应该如何单击或使用该滚动条移动，然后单击按钮？

如果我在 Playground 上尝试它会占用整个窗口。

感谢您的回答。

Answer 1

该模式与屏幕宽度有关吗？如果是，您可以通过将视口的新配置添加到 cypress.json 来解决：

{
  "viewportWidth": 1920,
  "viewportHeight": 1280
}

然后当然是足以解决您的问题的宽度。

如果这不起作用，我相信这个页面可以帮助你：https://docs.cypress.io/api/commands/scrollto.html#Scopes。结果将是这样的：

cy.get('modal_name')
  .scrollTo('right')

除此之外，我希望 cy.get() 仍能获得您正在寻找的按钮。

Answer 2

这是获取元素时非常自然的思维方式。但是，假设您正在手动测试上面的屏幕，您将滚动以查看隐藏元素并对其采取行动。 cypress 为什么要与众不同？

转录到您的测试很重要，这与手动执行测试时所做的操作完全相同。因此，您应该有一个 scrollIntoView 动作。