autotest/editor/README.md

Test Plan Editor

Graphical web editor for the PBX / Core QA Automation Test Cases.

How to run

cd editor

# Install dependencies (only first time)
npm install

# Start the server
npm start

Then open http://localhost:4321

Features

• Beautiful dark UI consistent with the project
• Filter by module, group, status and free-text search
• Click any test case to open a rich editor:
  • Edit description
  • Change status (Automated / Partial / Manual)
  • Manage ordered list of Test Steps
  • Manage Automatable items (green)
  • Manage Not Automatable Yet items (red)
  • Add / edit / remove Dependencies (label + value)
• Save button per test (applies to in-memory copy)
• Global "Save All Changes" button → persists everything to data/testcases.json
• Keyboard shortcut: Cmd/Ctrl + S to save everything

Data

All data lives in editor/data/testcases.json.

You can re-generate the initial data from the old static report anytime by running:

node editor/bootstrap-from-report.js

Future ideas (if you want to expand)

• Export an updated report/test-plan.html with the new data embedded
• Connect the main report to load from this JSON instead of the hardcoded array
• Visual drag & drop reordering of steps
• Bulk status change
• Integration with the actual .spec.ts files (parse + write real test code)

Notes

• This editor is meant for the planning / metadata layer (steps, what is automatable, dependencies, manual reasons, etc.).
• The actual Playwright test code in tests/ remains the source of truth for execution.