如何使用TestCafe创建失败的屏幕截图

Question

我尝试在Testcafe + gherkin中创建屏幕截图，但失败了，但没有成功。我已经设置了一个配置文件：

{
  "browsers": "firefox",
  "screenshots": {
    "path": "reports/screenshots/",
    "takeScreenshotsOnFails": true,
    "pathPattern": "${TIME}.png"
  },
  "reporter": [
    {
      "name": "spec"
    },
    {
      "name": "cucumber-json",
      "output": "reports/generatedReports/newReport.json"
    }
  ],
  "pageLoadTimeout": 1000
}

但是不会显示屏幕截图。其他行正在像浏览器等工作。

我应该使用：

   await t.takeScreenshot("reports/SCREENSHOT.png");

但是仅在失败时怎么办？

Answer 1

[takeScreenshotsOnFails已由takeOnFails中的newer versions替换。

您的配置文件应该看起来像这样：

{
  "browsers": "firefox",
  "screenshots": {
    "path": "reports/screenshots/",
    "{
  "browsers": "firefox",
  "screenshots": {
    "path": "reports/screenshots/",
    "takeOnFails": true,
    "pathPattern": "${TIME}.png"
  },
  "reporter": [
    {
      "name": "spec"
    },
    {
      "name": "cucumber-json",
      "output": "reports/generatedReports/newReport.json"
    }
  ],
  "pageLoadTimeout": 1000
}

Answer 2

我不确定这是否适用于带小黄瓜的testcafe。您可以将此脚本下的代码添加到package.json

"test:chrome": "testcafe chrome ./tests -s takeOnFails=true",

并使用命令npm run test:chrome运行