BackstopJS
BackstopJS copied to clipboard
How about switching back to resemblejs?
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
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
}
The color is obviously switched..