garris / garris/BackstopJS

Phantom render bug

Open
#557 2 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 @garris , i found that screenshots with phantom engine is a broken little bit and i`m ot sure is it some issue with backstop, casper or phantomjs. Maybe you know why it happens or can suggest vector for me how to understood where the problem is.
Step to reproduce
1. Create new folder and open it in cmd
2. Run ``backstop init``
3. Change engine to 'phantom' (btw i didn`t find which variant preferable 'phantomjs' or phantom because i see two different variant in examples)
4. Remove scripts fron onReady and onBefore(in other case it didn`t works)
5. Run ``backstop test``
6. Look into screenshots (textes are no aligned and some empty spaces whick are not present when you will open this page)
backstop.json
```
{
"id": "backstop_default",
"viewports": [
{
"label": "phone",
"width": 320,
"height": 480
},
{
"label": "tablet",
"width": 1024,
"height": 768
}
],
"scenarios": [
{
"label": "BackstopJS Homepage",
"cookiePath": "backstop_data/engine_scripts/cookies.json",
"url": "https://garris.github.io/BackstopJS/",
"referenceUrl": "",
"readyEvent": "",
"readySelector": "",
"delay": 0,
"hideSelectors": [],
"removeSelectors": [],
"hoverSelector": "",
"clickSelector": "",
"postInteractionWait": "",
"selectors": [],
"selectorExpansion": true,
"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": "phantomjs",
"engineFlags": [],
"asyncCaptureLimit": 5,
"asyncCompareLimit": 50,
"debug": false,
"debugWindow": false
}
```
And screenshots (text and image are not centerd and some empty space at right part of screen)
![backstop_default_backstopjs_homepage_0_document_1_tablet](https://user-images.githubusercontent.com/3931244/31310159-b77feef4-ab9b-11e7-9dbc-a8e061698749.png)

![backstop_default_backstopjs_homepage_0_document_0_phone](https://user-images.githubusercontent.com/3931244/31310157-b3cbe524-ab9b-11e7-8aa7-1f3dbeb8fc11.png)

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.