junit - 我可以使用什么工具通过 cypress 自动化截屏？

Question

我有一个 cypress spec.js，我想在多次对整个页面进行特定断言后截取几张截图。我希望屏幕截图在文件夹或报告中可用。
我有 mochawesome 和 Junit 记者。我可以使用的最好的屏幕截图工具是什么？

Answer 1

您可以使用该cy.screenshot()命令在 cypress 中截取屏幕截图。你可以从这里阅读更多关于它的信息。

断言后，您可以这样做：

cy.get('selector').should('have.text', 'some text').screenshot()

您也可以直接使用该命令，而无需链接到任何先前的命令，如下所示：

cy.screenshot()

您还可以像这样添加屏幕截图名称：

cy.get('selector')
  .should('have.text', 'some text')
  .screenshot('name') //will save screenshot with name.png

您还可以根据所需的目录保存屏幕截图，如下所示：

cy.get('selector')
  .should('have.text', 'some text')
  .screenshot('path to folder/name')

现在您可以通过capture选项让 cypress 知道要捕获 Test Runner 的哪些部分。对于元素屏幕截图，此值将被忽略。

cy.get('selector')
  .should('have.text', 'some text')
  .screenshot('name', {capture: 'fullPage'})

• viewport- 在当前视口中捕获正在测试的应用程序。
• fullPage- 被测应用程序从上到下完整捕获。
• runner- 捕获整个浏览器视口，包括赛普拉斯命令日志。