madbase/control-plane-ui/tests/README.md

Test Suite Summary

Running Tests

cd control-plane-ui

# Run all tests (unit + integration + E2E)
npm run test:all

# Run unit tests only
npm run test:run

# Run integration tests only
npm run test:integration

# Run E2E tests only
npm run test:e2e

# Run tests in watch mode
npm run test:ui

# Run tests with coverage
npm run test:coverage

Test Structure

Unit Tests

• src/tests/ - Component-level unit tests
• Currently: Layout.test.tsx

Integration Tests

• tests/integration/ - Page-level integration tests with mocked API
• dashboard.test.tsx
• servers.test.tsx
• templates.test.tsx
• scaling.test.tsx

E2E Tests

• tests/e2e/ - Full user journey tests with Playwright
• TODO: Add Playwright E2E tests

Current Status

✅ All integration tests passing ✅ Layout unit test passing ⏳ E2E tests need to be created

Test Files

control-plane-ui/
├── src/
│   └── tests/
│       └── Layout.test.tsx
├── tests/
│   ├── integration/
│   │   ├── dashboard.test.tsx
│   │   ├── servers.test.tsx
│   │   ├── templates.test.tsx
│   │   └── scaling.test.tsx
│   └── e2e/
│       └── (coming soon)
└── vitest.integration.config.ts

Improvements Made

1. Fixed Scaling component bug (duplicate 'plan' variable)
2. Created comprehensive test suite with MSW mocking
3. Added tsconfig.node.json for build configuration
4. Simplified tests to focus on component rendering
5. Removed legacy test files from other projects