backstop.json

{
  "id": "docs",
  "viewports": [
    {
      "label": "reference",
      "width": 1600,
      "height": 800
    }
  ],
  "scenarios": [
    {
      "label": "Accordions",
      "url": "http://localhost:3000/accordions",
      "delay": 200
    },
    {
      "label": "Alerts",
      "url": "http://localhost:3000/alerts",
      "delay": 200
    },
    {
      "label": "Buttons",
      "url": "http://localhost:3000/buttons",
      "delay": 200
    },
    {
      "label": "Cards",
      "url": "http://localhost:3000/cards",
      "delay": 200
    },
    {
      "label": "Forms",
      "url": "http://localhost:3000/forms",
      "delay": 200
    },
    {
      "label": "Modals",
      "url": "http://localhost:3000/modals",
      "delay": 200,
      "viewports": [
        {
          "label": "phone",
          "width": 360,
          "height": 740
        },
        {
          "label": "desktop",
          "width": 1280,
          "height": 720
        }
      ]
    },
    {
      "label": "Login",
      "url": "http://localhost:3000/login",
      "delay": 200,
      "viewports": [
        {
          "label": "phone",
          "width": 360,
          "height": 740
        },
        {
          "label": "desktop",
          "width": 1280,
          "height": 720
        }
      ]
    },
    {
      "label": "Login partner",
      "url": "http://localhost:3000/login?theme=partner",
      "delay": 200
    },
    {
      "label": "Unavailable application",
      "url": "http://localhost:3000/error-app",
      "delay": 200,
      "viewports": [
        {
          "label": "phone",
          "width": 360,
          "height": 740
        },
        {
          "label": "desktop",
          "width": 1280,
          "height": 720
        }
      ]
    },
    {
      "label": "Unavailable application dark mode",
      "url": "http://localhost:3000/error-app",
	  "onReadyScript": "../../screenshots/makeDarkMode.js",
      "delay": 200
    },
    {
      "label": "Typography",
      "url": "http://localhost:3000/typography",
      "delay": 200
    }
  ],
  "paths": {
    "bitmaps_reference": "screenshots/reference",
    "bitmaps_test": "screenshots/test",
    "html_report": "screenshots/html_report",
    "ci_report": "screenshots/ci_report"
  },
  "report": ["CI"],
  "onBeforeScript": "playwright/onBefore.js",
  "onReadyScript": "playwright/onReady.js",
  "engine": "playwright",
  "engineOptions": {
    "browser": "chromium"
  },
  "dockerCommandTemplate": "docker run --rm -i --network host --mount type=bind,source=\"{cwd}\",target=/src backstopjs/backstopjs:{version} {backstopCommand} {args}",
  "asyncCaptureLimit": 5,
  "asyncCompareLimit": 50,
  "debug": false,
  "debugWindow": false
}