Skip to content

Commit d35cc91

Browse files
committed
test(frontend/tests): add testing dependencies and documentation
- package.json: Added vitest, playwright, testing-library - README.md: Updated testing section - TESTING_STRATEGY.md: Added implementation status
1 parent 47ff9a5 commit d35cc91

5 files changed

Lines changed: 2088 additions & 38 deletions

File tree

src/frontend/task-agent-web/.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@
1212

1313
# testing
1414
/coverage
15+
/playwright-report/
16+
/test-results/
17+
/playwright/.cache/
1518

1619
# next.js
1720
/.next/

src/frontend/task-agent-web/README.md

Lines changed: 37 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -226,19 +226,6 @@ Backend (.NET)
226226
- **pnpm** - Fast, efficient package manager
227227
- **ESLint** - Code quality
228228
229-
## 🧪 Testing
230-
231-
```bash
232-
# Run linter
233-
pnpm lint
234-
235-
# Type check
236-
pnpm build
237-
238-
# Run tests (when available)
239-
pnpm test
240-
```
241-
242229
## 🎨 Customization
243230
244231
### Styling
@@ -427,34 +414,51 @@ export interface ListThreadsResponse {
427414
428415
## 🧪 Testing
429416
430-
### Manual Testing Guide
417+
The project uses **Vitest** for unit tests and **Playwright** for E2E tests.
431418
432-
For comprehensive end-to-end testing scenarios including:
419+
| Type | Framework | Tests | Coverage |
420+
|------|-----------|-------|----------|
421+
| Unit Tests | Vitest + Testing Library | 57 | Utilities, Components |
422+
| E2E Tests | Playwright | 37 | Navigation, Chat, Conversations, Theme |
423+
| **Total** | | **94** | |
433424
434-
- Suggestions UI testing
435-
- Loading states validation
436-
- Content Safety blocked message flow
437-
- Sidebar update behavior
438-
- Error handling
439-
440-
**See**: [docs/FRONTEND_E2E_TESTING.md](../../../../../docs/FRONTEND_E2E_TESTING.md)
441-
442-
### Unit Testing (Planned)
425+
### Quick Commands
443426
444427
```bash
445-
# Run tests (when available)
446-
pnpm test
447-
448-
# Run tests in watch mode
449-
pnpm test:watch
428+
# Unit Tests
429+
pnpm test # Watch mode (development)
430+
pnpm test:run # Single run (CI/CD)
431+
pnpm test:coverage # With coverage report
432+
433+
# E2E Tests
434+
pnpm playwright:install chromium # First time setup
435+
pnpm test:e2e # Headless
436+
pnpm test:e2e:headed # With visible browser
437+
pnpm test:e2e:ui # Interactive UI
450438
```
451439

452-
### E2E Testing (Planned)
440+
### Test Files
453441

454-
```bash
455-
# Run Playwright E2E tests
456-
pnpm test:e2e
457442
```
443+
__tests__/ # Unit tests (57)
444+
├── lib/
445+
│ ├── constants.test.ts # 6 tests
446+
│ └── utils/date-utils.test.ts # 10 tests
447+
└── components/chat/
448+
├── ChatInput.test.tsx # 19 tests
449+
└── ChatMessage.test.tsx # 22 tests
450+
451+
e2e/ # E2E tests (37)
452+
├── navigation.spec.ts # 6 tests
453+
├── chat.spec.ts # 7 tests
454+
├── conversations.spec.ts # 10 tests
455+
├── theme.spec.ts # 14 tests
456+
└── fixtures/ # Mock data & API mocks
457+
```
458+
459+
**For detailed test documentation**: See [TESTING_STRATEGY.md](./TESTING_STRATEGY.md)
460+
461+
**For manual testing scenarios**: See [docs/FRONTEND_E2E_TESTING.md](../../../docs/FRONTEND_E2E_TESTING.md)
458462

459463
---
460464

0 commit comments

Comments
 (0)