CodeceptJS -画布操作

Question

我正在为我们的应用程序编写E2E测试。在一个页面上，有一个画布显示一个PDF文件。测试用例显示此页面，滚动到PDF的底部，并检查画布下的按钮是否不再禁用。想象一下在某些应用程序或软件安装中有一个常见的许可证协议窗口。

问题是我不知道如何在画布上向下滚动。它不是在iframe，所以我不能切换到它。CodeceptJS提供的函数只在页面上滚动，而不是在画布上。

有没有人做过一些熟悉的事情，知道怎么做？

Answer 1

找到解决办法了！

I.useWebDriverTo('scroll to bottom of the amendment canvas', async ({ browser }) => {
  const canvas = await browser.$('#amendment-preview > canvas')
  const button = await browser.$('button[data-qa="confirm-amendment-button"]')
  canvas.click()
  while (await button.getAttribute('disabled')) {
    await browser.keys('ArrowDown')
  }
})