Comments (4)
Your hunch is right. You can learn how to do these kinds of tests in the Casper docs.
from backstopjs.
This article might be useful: https://helloanselm.com/2014/testing-css-states-with-phantomcss/
Ideally there'd be some documentation on setting up these tests within the backstop.json file.
from backstopjs.
I wonder if this moves beyond the config-only simplicity of BackstopJS. If you want to test interactions, you need to write scripts, I think a much better tool would be PhantomCSS.
from backstopjs.
@malcomio @lewisnyman Totally completely agree with Lewis on this. I even mention PhantomCSS as a great tool for that kind of thing in this article... http://davidwalsh.name/visual-regression-testing-angular-applications
That said, I think the interactivity makes sense in some limited contexts -- like where you might want to wait-for-and-then-dismiss (e.g. click 'cancel') an email signup popup that overlays every single page (or app state) for all first time visitors. This is not so much because I want to test the interaction -- but the interaction is a dependency of the tests I want to do. Hope that makes sense...
For that reason it might be very helpful to be able to somehow include-or-require arbitrary casper code -- but I'd really want to draw the line at duplicating PhantomCSS functionality or use cases.
from backstopjs.
Related Issues (20)
- Optimizing Environment Comparison to Prevent Redundant Runs
- Will there be a tagged version on Dockerhub for version 6.3.6? HOT 2
- Issue: Backstop test pass, even with the timeout error HOT 1
- Puppeteer Delay is not supported
- `scenario.misMatchThreshold` is ignored HOT 2
- `requireSameDimensions` property is not working HOT 1
- How to View snapshot comparisons when running backstop js in GH CICD workflows?
- Failed to launch the browser process when running inside of docker container HOT 3
- Request for Node Module Update to Enable Multiple Screenshot Support (createBitmaps.js, runPuppet.js) HOT 3
- Test errors, but there is no difference in the snapshots when observed with the naked eye HOT 2
- Ready event seems to be unreliable HOT 1
- Unreliable font loading causes difference between test and reference HOT 4
- Values of requireSameDimensions and misMatchThreshold are ignored
- Thank you ! What a nice tools this is. HOT 1
- Backstop on GH action – when I am running backstop on the gh action, it wont detect the references HOT 3
- Backstop running on GH – the tests are not passing, because of difference on text rendering HOT 2
- Significant degradation in performance using Docker
- Question about a feature HOT 1
- Backstop js give false result when greyed out or * iteam are missing on UI
- Does backstop also provide size and color details of UI components
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from backstopjs.