Menü
Cypress test creation, visual regression workflow, and testing best practices for Visdom
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Diagnose and fix GitHub Actions workflow failures. Use when CI jobs fail for lint, tests, JS build updates, or release automation.
Safely modify environment serialization, reload data, and view layout persistence. Use when changing env save/load formats or storage behavior.
Build and debug pane lifecycle behavior in the React frontend. Use when adding pane actions, layout behavior, rendering updates, or pane-level interactions.
Keep feature behavior identical across WebSocket and polling transport modes. Use when adding socket commands, event flows, or transport-sensitive UI updates.
Step-by-step guide for adding a new visualization pane type to Visdom (client, server, frontend, tests)
Modify login/authentication paths safely for browser and Python client flows
| name | cypress-testing |
| description | Cypress test creation, visual regression workflow, and testing best practices for Visdom |
Use this skill when writing new Cypress tests, running visual regression tests, or debugging test failures.
Start a fresh test server:
visdom -port 8098 -env_path /tmp
Generate baseline screenshots (first time or after UI changes):
npm run test:init
Run tests:
npm run test # All tests (CLI)
npm run test:gui # Interactive GUI
npm run test:visual # Visual regression only
cypress/integration/basic.js, pane.js, text.jspixelmatch in cypress/plugins/80988098 and -env_path /tmp for test isolationtest:init before test:visual to establish baselinespython example/demo.py on your branch and clean branch to verify no regressionscypress/cypress.json.github/workflows/AGENTS.mdCONTRIBUTING.mdassets/README.md and store templates/resources in assets/.references/TESTS.md.