One ecosystem for visual regression.
pixsame is a set of open tools built around one idea: a screenshot test should only fail when something changed. It has a shared manifest, a renderer that gives you the same bytes everywhere, and review from the pull request. The Cypress plugin, the Playwright plugin and the manifest are out. The rest is in progress, and the map below says which is which.
Cypress and Playwright plugins: available · the rest: coming soon
import { defineConfig } from 'cypress';
import { initPlugin } from '@pixsame/cypress-plugin-visual-regression-diff/plugins';
export default defineConfig({
e2e: {
setupNodeEvents(on, config) {
initPlugin(on, config);
},
},
});
- v1
- Open manifest format
- 3
- Runners: Cypress and Playwright today, Vitest soon
- MIT
- Open source license
The ecosystem
Coming soon
Every piece and how they plug into each other. Hover or focus one to see what it does, and follow the link for the full page.
Test runners
- Cypress pluginAvailablematchImage for Cypress, a diff viewer in the runner, and batch review for when forty snapshots change at once. Out now.
- Playwright pluginAvailableSame comparison engine and manifest, for Playwright. Baselines stay in your repo. Out now.
- Vitest runnerComing soonSame comparison engine and manifest, for Vitest browser mode. Baselines stay in your repo.
Shared format
Review
- Review platformComing soonWe render on our servers and give the whole team one place to look at images, diffs and baselines.
- AI auto-evaluatorComing soonSorts each change, approves the boring ones, and leaves you the handful worth a human look.
- GitHub AppComing soonDiffs show up as a check in the PR. New baselines get approved with one click, without leaving GitHub.