percy-cypress
Visual-Regression-Tracker
| percy-cypress | Visual-Regression-Tracker | |
|---|---|---|
| 2 | 3 | |
| 331 | 570 | |
| 0.3% | 1.2% | |
| 3.9 | 4.9 | |
| 7 days ago | 24 days ago | |
| JavaScript | Shell | |
| MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
percy-cypress
-
Painlessly setup Cypress & Percy with Github Actions in minutes
// cypress/support/commands.js import '@percy/cypress' ... // https://github.com/percy/percy-cypress/issues/56 Cypress.Commands.add( 'percySnapshotElement', { prevSubject: true }, (subject, name, options) => { cy.percySnapshot(name, { domTransformation: (documentClone) => scope(documentClone, subject.selector), ...options }) } ) function scope(documentClone, selector) { const element = documentClone.querySelector(selector) documentClone.querySelector('body').innerHTML = element.outerHTML return documentClone }
-
How I help my self in Agile UI changes with Cypress and Percy
In opened project in your favorite code editor with installed cypress you need to install percy-cypress:
Visual-Regression-Tracker
-
4 ways to document your design system with Storybook
We use vrt tracker for visual tests; https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker
-
Screenshot Testing with Cypress in CI
If you do it yourself, maybe take a look at VisualRegressionTracker project https://github.com/Visual-Regression-Tracker/Visual-Regression-Tracker - instead of sending the image to 3rd party service it runs the 2nd browser in a Docker container, which gives you consistent images.
-
Visual regression testing
Visual-Regression-Tracker is free and open source. Give it a try if you could host it somewhere.
What are some alternatives?
cypress-image-snapshot - Catch visual regressions in Cypress
Docker-OSX - Run macOS VM in a Docker! Run near native OSX-KVM in Docker! X11 Forwarding! CI/CD for OS X Security Research! Docker mac Containers.
applitools-eyes-action - GitHub Action to add automated, AI-powered Visual Testing to your app
nixos-playwright - DEPRECATED. Tell your puppeteer or playwright to use nixpkgs's google-chrome-dev's google-chrome-unstable binary. Previously: Patch playwright-downloaded browsers in ~/.cache/ms-playwright to run on NixOS
cypress-plugin-snapshots - Plugin for snapshot tests in Cypress.io
awesome-kubernetes - A curated list for awesome kubernetes sources :ship::tada:
cypress-example-recipes - Various recipes for testing common scenarios with Cypress
automated-test-environment-for-aks-applications - Framework to create Automated Test Environment using kind (Kubernetes in Docker) for testing Azure Kubernetes Service (AKS) based applications in CI (Continuous Integration) Pipeline (Azure DevOps)
react-hooks-in-action-with-cypress - React Hooks in Action Book, with Cypress e2e & component tests
synpress - Synpress is e2e testing framework based on Cypress.io and playwright with support for metamask.
screenshots - Let GitHub automatically make 📸 screenshots of all your websites