garris / garris/BackstopJS

How about switching back to resemblejs?

Open
#1,541 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.2k
Forks
621
PR merge metrics
No merged PRs in 30d

Description

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](https://github.com/garris/BackstopJS/assets/21072589/8b7de024-5aad-4a0a-a84a-31a040ce07d9)

but current config will not find the diffs..

here is my config

```json
{
"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..

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.