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
1
vote
2 answers

How to increase goto timeout for page load?

tl;dr; I need to increase this timeout: COMMAND | Command `test` ended with an error after [32.585s] COMMAND | BackstopExcpetion: Test #1 on undefined: GotoTimeoutError: goto() timeout Consider following server code: const http =…
Qwertiy
  • 19,681
  • 15
  • 61
  • 128
1
vote
2 answers

Why is PhantomCSS moving the HTML elements around?

Problem: when I use a visual regression testing tool such as PhantomCSS, the screenshots produced contain the website with dramatically moved HTML elements. Problem image: How it should really look like: (taken from esfiddle.net ) Tools:…
Eugene Fedotov
  • 344
  • 4
  • 13
1
vote
2 answers

Specify Chrome as browser for running tests in

Trying to configure backstopjs to test page in Google Chrome instead of phantomjs as phantom doesn't render the page correctly. Tried to replace "engine": "phantomjs", by "engine": "chrome", but it didn't help. What should I install and how should…
Qwertiy
  • 19,681
  • 15
  • 61
  • 128
1
vote
0 answers

How to mock Http requests with json in CasperJS

I'm implementing visual tests with BackstopJS and CasperJS in a dynamic application, so I want to mock some http request to have a more stable environment. I already have mocks to my functional tests using http-backend from Angular but I don't know…
Joao Falcao
  • 274
  • 1
  • 3
  • 11
1
vote
0 answers

Automating deployment in grunt-backstopjs with commits accept / reject if test is passed / failed

It seems to be good practice using backstopjs with grunt. Only one thing i want to know is, whether is it possible to create a test script for xyz project and while deploying that project to repository. the backstop test must be run and if there is…
Kamlesh Gupta
  • 56
  • 5
1
vote
1 answer

BackstopJS: Inject Javascript

I have a web app that is being embedded in a hybrid mobile app. The app injects some javascript which in turn adds some CSS. I want to add some tests that make sure changes to the web app do not break the mobile app. My goal at the moment is to…
Onato
  • 9,916
  • 5
  • 46
  • 54
1
vote
1 answer

Automated CSS regression testing using HTTP verbs

I'm about to set up automated CSS regression with a tool like: Phantom CSS Backstop.js These look like good tools, but I want to test URLs using verbs. For example, I want to make a POST request with some data and run the test against that. This…
emersonthis
  • 32,822
  • 59
  • 210
  • 375
0
votes
0 answers

Scaling BackstopJS - Config file reads each scenario file as a scenario instead of a collection of scenarios

While attempting to scale BackstopJS, meaning trying to split up the original backstop.json file into a directory of organized scenario json files, the function I have in my config file is reading each json file as a scenario, not a collection of…
CaptainButtface
  • 1
  • 2
0
votes
1 answer

How approve backstopjs ref images in GitHub Actions?

I'm using BackstopJS for regression tests and trying to implement GitHub workflow. At first little introduction how BackstopJS works: We have reference images (pictures) of browser pages We run BackstopJS test and compare actual browser view and…
rzlvmp
  • 7,512
  • 5
  • 16
  • 45
0
votes
0 answers

Chromium browser failing in docker container when running acceptance tests(visual regression backstopjs)

I've implemented visual regressions testing into our Ember project and everything has being going fine up until now. I've made about 150 of them and made sure all of them succeed. Now that I'm trying to deploy them I can't get them working in my…
Michael Vanhoutte
  • 23
  • 7
0
votes
1 answer

Wait until page is fully loaded in BackstopJS

I've a scenario where I need to search. The problem is that I need BackstopJS to wait until an animated gif is done, and after that take screenpicture. I've tried this: { "label": "My_search", "cookiePath":…
user3624378
  • 417
  • 4
  • 22
0
votes
1 answer

BackstopJS - click and type in inputfield

I try to click in an inputfield. HTML is as follows:
user3624378
  • 417
  • 4
  • 22
0
votes
1 answer

BackstopJs. Am I able to use a png or svg as the reference URL?

I am currently learning BackstopJs for visual regression testing. However, our files for the reference are based in figma and are difficult to grab the exact screen I need (we show several views in one file). Is there a way for me to use a png as…
Jwilly
  • 1
  • 3
0
votes
1 answer

how to mock on global object in backstop.js/puppetter

So backstop.js provides ability to run custom script against underlying engine. I use puppeteer as an engine so I try to mock Date.now with 'onReadyScript': page.evaluate('window.Date.now = () => 0; Date.now = () => 0;'); ... page.addScriptTag({ …
skyboyer
  • 22,209
  • 7
  • 57
  • 64
0
votes
1 answer

How to Assert a Failure With backstopjs in a mocha framework using Chai

I'm trying to create a visual regression framework using mocha, with the visual diff done using backstopjs. I've got a small first test running, but when I intentionally fail the test, I'd like the mocha framework to acknowledge the failure and…
Kpizzle
  • 410
  • 4
  • 18
1
2
3