Stack Overflow
Stack Overflow

Questions tagged [backstop.js]

BackstopJS automates CSS regression testing of your responsive web UI by comparing DOM screenshots at various view port sizes.

BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots at various viewport sizes. User interactions can be simulated prior to capturing the screenshot. Differences between old and new screenshots can be inspected easily.

39 questions
0
votes
1 answer

Puppeteer resize before screenshot is causing flaky visual diff tests

I am using BackstopJS for visual regression testing. Backstop uses Puppeteer as the test engine. Some screenshots are inconsistent because the viewport is being resized when Puppeteer takes a screenshot. My app has animations whenever the viewport…
Alec Davidson
  • 175
  • 1
  • 3
  • 12
0
votes
0 answers

Backstop JS - Take screenshots after the element in view

I am currently using Backstop JS and having a little trouble with getting it to take screenshots of elements that are shown only when in view? I have a class that gets added when they are in view, however Backstop isn't taking this into account and…
marko
  • 27
  • 6
0
votes
1 answer

backstopjs missmatch errors issue

I am new to backstopjs, I was able to download it globally. My project directory structure looks like the following. I set up instance of backstopjs in my tests/backstopjs directory with backstop init : The page I want to reference is index.html in…
user2371684
  • 1,475
  • 5
  • 20
  • 45
0
votes
1 answer

Backstop js - pass url parameter

I wrote a script which is running my tests. I am using it like this. currentSpec is a path, action is reference or test, filter is for running only some of the scenarios. But how can I dynamically set url here? Or Can I somehow do it in onBefore…
dfgd
  • 455
  • 1
  • 4
  • 20
0
votes
1 answer

How to use slimer.js in Travis CI?

I'm using casper.js & backstop.js in Travis CI to run tests with phantom.js. But I would prefer to use slimer.js instead of phantom.js. Is it possible to do? I tried install it with: npm install -g slimerjs and with: env: -…
gotbahn
  • 466
  • 2
  • 4
  • 18
0
votes
1 answer

Generating Gulp reference at a particular interval

I'm using backstopjs for visual testing while developing my project, After adding new pages to the project I always have to generate reference image right from the first page till the last one. I don't want this generation of reference images from…
Kamlesh Gupta
  • 56
  • 5
0
votes
2 answers

how to check bootstrap modal in CSS Regression Testing backstopjs

I'm trying to simulate the clicking of CSS elements on my page and automatically take screenshots of the window at each stage for testing purposes. I'm using backstopJS as the CSS testing/screenshot framework. Everything seems to work fine for this…
Kamlesh Gupta
  • 56
  • 5
0
votes
1 answer

CSS Visual Regession Testing with BackdropJS - could not run grunt:reference or grunt:test

I tried following this tutorial link on setting up backstop.js https://joe-watkins.io/css-visual-regression-testing-with-grunt-backstopjs/ I followed all the instructions as required. But I'm running into this error…
awongCM
  • 917
  • 5
  • 22
  • 46
-2
votes
1 answer

Integration of BackstopJS into a VSTS build pipeline

At the moment I am trying to integrate the npm backstopjs into my VSTS build pipeline. To do this, I have to run it on an npm live server to get a screenshot of the actual build of the app and compare it to the reference screenshot. I tried to start…
Patrick F.
  • 35
  • 5
1 2
3