If you already have end-to-end tests, adding visual testing is a small change: install the Buddy plugin for your framework, call its snapshot command at the states you want to verify, and run your usual test command through the bdy CLI. Every run creates a session whose snapshots are compared against the approved baseline.
The flow is the same for every framework:
- Install the
bdyCLI (Node.js v20+) and set the suite token asBUDDY_VT_TOKEN - Install the visual tests plugin for your framework
- Take snapshots inside your tests
- Run the tests with
bdy tests visual session create "<your test command>"
session create flags: --oneByOne sends snapshots progressively so you can start reviewing during long runs; --parallel + bdy tests visual session close let multiple runners contribute to a single session. See the CLI reference.
Framework guides:
- Playwright
- Selenium (Java, C#, JavaScript)
- Cypress
- Puppeteer
Playwright
Add Buddy visual testing to your Playwright tests - install the plugin, take snapshots, and run sessions with the bdy CLI.
Selenium
Add Buddy visual testing to Selenium tests in Java, C#, or JavaScript - install the plugin, take snapshots, and run sessions with the bdy CLI.
Cypress
Add Buddy visual testing to your Cypress tests - install the plugin, take snapshots with cy.takeSnap, and run sessions with the bdy CLI.
Puppeteer
Add Buddy visual testing to your Puppeteer scripts - install the plugin, take snapshots, and run sessions with the bdy CLI.