Wopee.io Visual Testing for Cypress

Catch visual regressions in your Cypress tests with AI-powered autonomous test maintenance by Wopee.io.

Installation

npm install @wopee-io/wopee.cy

Quick Start

1. Add your Wopee API key to cypress.env.json:

{
  "WOPEE_API_URL": "https://api.cmd.wopee.io",
  "WOPEE_API_KEY": "your-api-key",
  "WOPEE_PROJECT_UUID": "your-project-uuid"
}

2. Import the plugin in cypress/support/e2e.ts:

import '@wopee-io/wopee.cy';

3. Use visual assertions in your tests:

it('should look correct', () => {
  cy.visit('/');
  cy.wopeeTrack('homepage');
});

Features

• Visual regression testing — pixel-level screenshot comparison for Cypress
• AI-powered baseline maintenance — automatically adapts to intentional UI changes
• Simple integration — drop-in plugin, works with your existing Cypress tests
• CI/CD ready — runs in any CI pipeline alongside your Cypress tests

Resources

• Getting Started Guide
• Wopee.io Platform
• Wopee.io Website

Set up in minutes, accurate results instantly.