메뉴
Cypress test creation, visual regression workflow, and testing best practices for Visdom
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.