╔╦╗╔═╗╔═╗ ╔═╗╔═╗╔╦╗╔═╗╔═╗╦═╗╔═╗
║ ╠═╣║ ╦ ║ ║ ║║║║╠═╝╠═╣╠╦╝║╣
╩ ╩ ╩╚═╝ ╚═╝╚═╝╩ ╩╩ ╩ ╩╩╚═╚═╝
There are many differences and issues when trying to render an HTML5 creative under different platform/browsers.
- Fonts might look or be different
- CSS / layout differences
- Animation / timing differences
This tool tries to address the first 2 points above by doing image comparison of an HTML5 creative tag under different platform/browser configurations
make install
to install dependencies
Make a local copy of settings.json
called settings.local.json
Update the values for webdriver user/key and placelocal secret:
"webdriver": {
"user": "USER",
"key": "KEY",
"url": "REMOTE_WEBDRIVER_URL"
},
"placelocal": {
"domain": "www.placelocaldemo.com",
"secret": {
"pl-secret": "SECRET",
"pl-service-identifier": "SERVICEID"
}
}
make run
will run the tool to capture screenshots and compare them
make capture
will run a new capture images jobmake compare
will compare existing output, given a list of campaigns and configs
make test
will run unit tests