garris / garris/BackstopJS

Viewports width broken using Drone.io CI

Open
#465 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.2k
Forks
621
PR merge metrics
No merged PRs in 30d

Description

Hi,

Just tried to integrate backstopJs with [Drone.io](https://github.com/drone/drone) and when viewport width goes higher than some numbers it will break the tests. The Same test will pass locally.
Here is my config:

```
module.exports = {
id: 'prod_test',
viewports: [
{
name: 'browser',
width: 1366,
height: 768,
},
],
scenarios: [
{
label: 'Default',
url: 'http://localhost:3000/',
hideSelectors: [],
removeSelectors: [],
selectorExpansion: true,
selectors: [
'#root',
],
readyEvent: null,
delay: 500,
misMatchThreshold: 0.1,
requireSameDimensions: true,
},
],
paths: {
bitmaps_reference: 'src/visualTests/backstop_data/bitmaps_reference',
bitmaps_test: 'src/visualTests/backstop_data/bitmaps_test',
html_report: 'src/visualTests/backstop_data/html_report',
ci_report: 'src/visualTests/backstop_data/ci_report',
},
ci: {
format: 'junit',
},
casperFlags: [],
engine: 'phantomjs',
report: ['CI'],
debug: false,
};
```

Any idea why that would happen?
Thanks

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.