Add Playwright E2E tests replacing Cypress with MSW integration

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-22 16:43:32 +08:00
parent 67a723207f
commit aa2661b556
33 changed files with 2284 additions and 7 deletions

View File

@@ -28,7 +28,7 @@ and [Tailwind CSS][tailwind].
| UI | PrimeVue 4, PrimeIcons, SweetAlert2 |
| Visualization | Cytoscape.js (process maps), Chart.js (charts) |
| HTTP | Axios with JWT refresh token handling |
| Testing | Vitest 4 (unit/component), Cypress 15 (E2E) |
| Testing | Vitest 4 (unit/component), [Playwright][playwright] (E2E), [MSW][msw] (API mocking) |
| Linting | ESLint, Prettier |
@@ -80,18 +80,18 @@ npx vitest run
### Run E2E tests
Build first, then run [Cypress][cypress] against the preview
server:
Build with MSW enabled first, then run [Playwright][playwright]:
```sh
npm run build
npm run build:e2e
npm run test:e2e
```
For interactive E2E development with the Vite dev server:
For interactive E2E development with the Playwright UI:
```sh
npm run test:e2e:dev
npm run build:e2e
npm run test:e2e:ui
```
@@ -169,6 +169,7 @@ Code quality improvements assisted by [Claude Code][claude-code].
[cytoscape]: https://js.cytoscape.org/
[chartjs]: https://www.chartjs.org/
[nodejs]: https://nodejs.org/
[cypress]: https://www.cypress.io/
[playwright]: https://playwright.dev/
[msw]: https://mswjs.io/
[typedoc]: https://typedoc.org/
[claude-code]: https://claude.ai/claude-code