3.0 KiB
3.0 KiB
Les 15: AI-Driven Testing & Quality Assurance
📋 Lesmateriaal nog niet uitgewerkt
De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
- Les15-Slide-Overzicht.md
- Les15-Lesplan.md
- Les15-Docenttekst.md
- Les15-Bijlage-A-Lesopdracht.md
- Les15-Bijlage-B-Huiswerkopdracht.md
Hoofdstuk
Hoofdstuk 3: Advanced (Les 8-18)
Beschrijving
AI voor testen en code kwaliteit.
Te Behandelen
Waarom Testen Belangrijk
- Vang bugs vroeg
- Vertrouwen in refactoring
- Documentatie van gedrag
Types van Tests
| Type | Scope |
|---|---|
| Unit | Individuele functies |
| Component | React components |
| Integration | Meerdere units samen |
| E2E | Volledige user flows |
AI voor Test Generation
- Beschrijf wat te testen
- AI schrijft comprehensive suites
- Dekt edge cases
Testing Tools
| Tool | Gebruik |
|---|---|
| Vitest | Snelle moderne test runner |
| React Testing Library | User perspectief |
| MSW | API mocking |
| Playwright | E2E testing |
Testing Supabase
- Mocken database calls
- RLS testen
- Edge Functions testen
Code Review met AI
- Geautomatiseerde reviews
- Issues vinden (security, performance, accessibility)
- Fixes suggereren
Debugging met AI
- Plak error
- AI legt uit en suggereert fix
Code Kwaliteit Metrics
- Coverage >70%
- Mutation testing
- Complexity analyse
Cursor's AI voor Automated Test Generation
Integration met Workflow
- Tests on git push
- CI/CD
Tools
- Cursor
- Vitest
- React Testing Library
- MSW
- Playwright
Lesopdracht (2 uur)
Voeg Comprehensive Tests Toe met Cursor + AI
Setup (30 min)
- Install dependencies (Vitest, RTL)
- Configureer Vitest
- Maak test utils
- Verifieer met smoke test
Schrijf Tests met Cursor (1 uur)
| Type | Aantal | Tijd |
|---|---|---|
| Unit Tests | 3-4 utility functies | 20 min |
| Component Tests | 3-4 components | 30 min |
| Integration Tests | 1-2 flows | 10 min |
Run & Fix (30 min)
- Run
npm test - AI helpt failures fixen
- Bereik >70% coverage
Track
- Test schrijf snelheid met AI?
Huiswerk (2 uur)
Implementeer AI Code Review Workflow
Deel 1: Maak Agent (1 uur)
Custom GPT/Claude Project voor code review.
Instructions moeten checken op:
- TypeScript safety
- Error handling
- Accessibility
- Performance
- Security
- Best practices
Upload "goede" code als knowledge base
Deel 2: Review 3 Components (1 uur)
- Review 3 components
- Documenteer ALLE issues
- Categoriseer severity
- Fix in Cursor
- Re-review
Deel 3: Enhance Template
- Add testing setup aan Starter Template
- Add Code Review agent
Deliverable
- Agent (link)
- Review rapport (issues/fixes/before-after)
- Reflectie over AI-assisted QA
Leerdoelen
Na deze les kan de student:
- Verschillende test types begrijpen en implementeren
- AI gebruiken om tests te genereren
- Testing tools configureren (Vitest, RTL, MSW, Playwright)
- Code review agents bouwen
- AI gebruiken voor debugging
- Code kwaliteit meten met coverage en metrics