garris / BackstopJS

Catch CSS curve balls.
http://backstopjs.org
MIT License
6.66k stars 602 forks source link

How about switching back to resemblejs? #1541

Open PeterChen1997 opened 5 months ago

PeterChen1997 commented 5 months ago

I found that, the newest resemblejs support find the tiny difference between the gray and white color, while current node-resemble-js not.

Here's the result from resemblejs website

image

but current config will not find the diffs..

here is my config

{
  "id": "backstop_default",
  "viewports": [
    {
      "label": "phone",
      "width": 320,
      "height": 480
    },
    {
      "label": "pc",
      "width": 1400,
      "height": 1400
    }
  ],
  "onBeforeScript": "puppet/onBefore.js",
  "onReadyScript": "puppet/onReady.js",
  "scenarioDefaults": {
    "delay": 0,
    "postInteractionWait": 0,
    "selectors": [],
    "expect": 0,
    "misMatchThreshold": 0.0001,
    "requireSameDimensions": true
  },
  "scenarios": [
    {
      "label": "Storybook - autoSizeTextarea",
      "url": "http://localhost:6006/iframe.html?viewMode=story&id=components-autosizetextarea--override-background-color-style&args="
    }
  ],
  "resembleOutputOptions": {
    "usePreciseMatching": true,
    "errorType": "movementDifferenceIntensity"
  },
  "paths": {
    "bitmaps_reference": "backstop_data/bitmaps_reference",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "backstop_data/engine_scripts",
    "html_report": "backstop_data/html_report",
    "ci_report": "backstop_data/ci_report"
  },
  "report": ["browser"],
  "engine": "puppeteer",
  "engineOptions": {
    "args": ["--no-sandbox"]
  },
  "asyncCaptureLimit": 5,
  "asyncCompareLimit": 50,
  "debug": false,
  "debugWindow": false
}
image

The color is obviously switched..

PeterChen1997 commented 5 months ago

image