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
4
votes
1 answer

'clickSelector' and 'hoverSelector' attributes are not working for backstopJS

I am using Backstopjs with chrome engine. I am able to take screenshot by passing different urls's and using various attributes but when I am trying to click a button before taking screenshots, the click is not working. The attributes…
Chetna
  • 41
  • 2
3
votes
0 answers

Backstopjs site loading issue not solved by delay: what is wrong?

When I try to run backstopjs on certain sites (they all must have some dynamic rendering thing in common, though I don't know what), the screenshots generated by backstopjs only include the first piece of content, centered in the screen. Here's the…
Andy J.
  • 73
  • 1
  • 6
3
votes
1 answer

What is the difference between engine: 'chrome' and engine: 'chromy' in backstop.config?

https://github.com/garris/BackstopJS In example uses engine:'chrome', but in readme engine: 'chromy' Is that any difference in speed or result of test?
Jusual
  • 31
  • 2
3
votes
1 answer

Backstopjs can't connect browser it started

I'm using backstop to test my app, but it fails on random test with message like COMMAND | Command `test` ended with an error after [155.109s] COMMAND | BackstopException: TestNameGoesHere on ViewportNameGoesHere: Error: connect ECONNREFUSED…
Qwertiy
  • 19,681
  • 15
  • 61
  • 128
2
votes
1 answer

How to run backstop.js with Firefox on Ubuntu?

How to run backstop.js with Firefox because in the official documentation for property engine I can set only chromy or puppeteer engine instance in the config file module.exports = options => ({ id: "zing-web", viewports: [ { …
user10717010
2
votes
0 answers

How to click,select and take screenshot of elements or how to perform multiple actions on page and take screenshot in puppeteer?

I want to interact with drop down list Scenario: 1) Open the drop down 2) select any one option I am able to do it with code below is there any way with xpath? I am able to open the drop down and can click on that but can we achieve this with…
Dipa
  • 21
  • 1
2
votes
1 answer

How to visual regression testing of Storybook with addon-knobs?

I'm examining a method for visual regression testing of nearly 1,000 components in a React project. And I'm thinking of using Storybook and BackstopJS to realize it, because many components were already implemented on the Storybook, I thought that I…
kurone-kito
  • 73
  • 9
2
votes
1 answer

CasperJS waitUntilVisible by Xpath

Just started working with CasperJS, writing a few sample tests. Everything works fine when using CSS Selectors, however I'm having trouble using Xpath. The only reason I want to use xpath is to create a more resilient locator,…
Gunderson
  • 3,263
  • 2
  • 16
  • 34
2
votes
0 answers

Check slider content using backstopjs

I have used bxslider and want to check the 2nd and 3rd child of the slider using backstopjs. I checked using the delay event in both the backstop.json and the bxslider script. it generates references for the child content of the slider. but fails to…
Kamlesh Gupta
  • 56
  • 5
1
vote
0 answers

Can't run BackstopJS interactive reporting

I'm able to generate backstop reports and see them as static pages, but when I try to load the interactive report provided by backstop remote I get the following message in the browser: Cannot GET / I have tried new and old LTS versions of node and…
cesarbrie
  • 43
  • 1
  • 6
1
vote
0 answers

Getting Error: net::ERR_CONNECTION_REFUSED for BackstopJS

I'm getting a Error: net::ERR_CONNECTION_REFUSED message when trying to run BackstopJS. A localhost.crt and localhost.key file were created and I'm wondering if they need to be referenced in the backstop.json file? Or am I completely wrong? I'm on a…
missalimcd
  • 23
  • 3
1
vote
1 answer

BackstopJS: Not able to scroll the page to end using scrollToSelector

I am using two files one to keep all the URLs and other variables and other to keep the scenario config const projectId = "test"; // let baseUrl = "someurl"; // let scrollToSelector = ""; let removeSelector = ""; // Replace the values of the…
Juhi Saxena
  • 1,197
  • 11
  • 17
1
vote
1 answer

Backstop timeout causes fatal, prevents any results: how can I get backstop / puppeteer to show which URL is failing?

Running a backstop test, I get the following output and backstop fails to generate a report: COMMAND | Command "test" ended with an error after [195.665s] COMMAND | TimeoutError: waiting for target failed: timeout 30000ms exceeded …
aaronbauman
  • 3,549
  • 2
  • 24
  • 30
1
vote
1 answer

Login in backstop scenario

I am new to backstopjs and I have backstop.json (part of it ) as "onBeforeScript": "puppet/onBefore.js", "onReadyScript": "puppet/onReady.js", "scenarios": [ { "label": "CBP Homepage", "cookiePath":…
ryan
  • 81
  • 8
1
vote
1 answer

BackstopJS - Set common selector for all scenarios

I'm using BackstopJS to run some visual regression tests on some React components. I have all of my components displayed on individual Storybook pages inside a "common" wrapper. For example, each story in Storybook is set up to display the…
AJC24
  • 3,280
  • 2
  • 19
  • 30
1
2 3