js.config.cjs

module.exports = {
  "id": "supergym test-js",
  "viewports": [
    {
      "label": "desktop",
      "width": 1366,
      "height": 800,
    },
  ],
  "onReadyScript": "onReady.cjs",
  "onBeforeScript": "onBefore.cjs",
  "resembleOutputOptions": {
    "ignoreAntialiasing": true,
    "errorType": "movementDifferenceIntensity",
    "transparency": 0.3,
    scaleToSameSize: false
  },
  "scenarios": [
    {
      "label": "price-6",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="price"]`],
      misMatchThreshold: 0.8,
      "onReadyScript": "price-6-click.cjs",
      requireSameDimensions: true,
      delay: 500
    },
    {
      "label": "juri-prev",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="juri"]`],
      misMatchThreshold: 0.5,
      "onReadyScript": "juri-prev-click.cjs",
      requireSameDimensions: true,
      delay: 500
    },
    {
      "label": "juri-next",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="juri"]`],
      misMatchThreshold: 0.5,
      "onReadyScript": "juri-next-click.cjs",
      requireSameDimensions: true,
      delay: 500
    },
/*    {
      "label": "faq-tab-2",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="faq"]`],
      misMatchThreshold: 1.0,
      "onReadyScript": "faq-tab-2.cjs",
      requireSameDimensions: true,
      delay: 1000
    },*/
    {
      "label": "reviews-prev",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="reviews"]`],
      misMatchThreshold: 0.5,
      "onReadyScript": "reviews-prev-click.cjs",
      requireSameDimensions: true,
      delay: 500
    },
    {
      "label": "reviews-next",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="reviews"]`],
      misMatchThreshold: 0.5,
      "onReadyScript": "reviews-next-click.cjs",
      requireSameDimensions: true,
      delay: 500
    },
    {
      "label": "empty-form",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`[data-test="form"]`],
      misMatchThreshold: 0.8,
      "onReadyScript": "empty-form-submit.cjs",
      requireSameDimensions: true,
      delay: 500
    },
    {
      "label": "fill-form",
      "url": "http://localhost:3000/index.html",
      "referenceUrl": "./figma/index.html",
      selectors: [`viewport`],
      "viewports": [
        {
          "label": "desktop",
          "width": 640,
          "height": 480,
        },
      ],
      misMatchThreshold: 0.2,
      "onReadyScript": "fill-form-submit.cjs",
      requireSameDimensions: true,
      delay: 500
    },
  ],
  fileNameTemplate: '{scenarioLabel}_{viewportLabel}',
  "paths": {
    "bitmaps_reference": "bitmaps_reference/test-pp",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "engine_scripts",
    "html_report": "backstop_data/html_report",
    "json_report": "backstop_data/json_report",
  },
  "report": ["browser", "json"],
  "engine": "puppeteer",
  "engineOptions": {
    "args": ["--no-sandbox"],
    "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 10000},
  },
  "asyncCaptureLimit": 10,
  "asyncCompareLimit": 50,
  "debug": false,
  "debugWindow": false
}