BackstopJS configuration sample for WordPress

config.json

{
	"id": "wordpress_visual_regression",
	"viewports": [
  	{
    		"label": "mobile",
    		"width": 360,
    		"height": 480
  	}
	{
		"label": "tablet",
		"width": 1024,
		"height": 768
	},
	{
		"label": "desktop",
		"width": 1300,
		"height": 768
	},
	{
		"label": "wide",
		"width": 1900,
		"height": 768
	}
	],
	"scenarios": [
		{
			"label": "Homepage",
			"url": "https://your-test-url.com/",
			"referenceUrl": "https://your-reference-url.com/",
			"readyEvent": "",
			"readySelector": "",
			"delay": 0,
			"hideSelectors": [],
			"removeSelectors": [],
			"hoverSelector": "",
			"clickSelector": "",
			"postInteractionWait": 0,
			"selectors": [],
			"selectorExpansion": true,
			"expect": 0,
			"misMatchThreshold" : 0.1,
			"requireSameDimensions": true
		}
	],
	"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
}