Het opzetten van geautomatiseerde tests binnen je GitKraken-workflow voor een webapplicatie omvat verschillende stappen. Hier is een overzicht van de aanpak: 1. **Testframework kiezen en configureren** Omdat je een webapplicatie hebt, is Jest een goede keuze voor unit- en integratietests. - Installeer Jest via npm: ```bash npm install --save-dev jest ``` - Voeg een testscript toe aan je package.json: ```json "scripts": { "test": "jest" } ``` - Schrijf tests in de map `__tests__` of naast je modules met de `.test.js` extensie. 2. **Automatisering via Continuous Integration (CI)** Omdat GitKraken zelf geen CI/CD-tool is, moet je een externe CI-service gebruiken (bijvoorbeeld GitHub Actions, GitLab CI, Jenkins of CircleCI). - Maak een CI-configuratiebestand dat automatisch tests uitvoert bij elke push of pull request. 3. **Koppelen van tests aan specifieke takken** - In je CI-configuratie kun je branch-specifieke workflows instellen. Bijvoorbeeld: ```yaml # Voor GitHub Actions on: push: branches: - main - develop - feature/* jobs: test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Install dependencies run: npm install - name: Run tests run: npm test ``` - Zo voer je testen automatisch uit voor bepaalde takken. 4. **Activeren van tests bij pull-verzoeken** - Configureer je CI-configuratie om tests te draaien bij pull requests: ```yaml on: pull_request: branches: - main - develop ``` - Dit zorgt dat tests worden uitgevoerd voordat de code wordt samengevoegd. 5. **Integratie met GitKraken** - Hoewel GitKraken zelf geen CI integreert, kun je links naar je CI-rapporten toevoegen in pull request beschrijvingen of notificaties sturen. - Gebruik webhook-integraties of de ingebouwde GitKraken-branch- en PR-beheer om te zien of tests geslaagd zijn. 6. **Samenwerking in een team van 5** - Zorg dat alle teamleden de CI-configuratie en testbestanden gebruiken en up-to-date houden. - Overweeg code-reviewregels die alleen toestaan dat code wordt samengevoegd nadat de tests succesvol zijn uitgevoerd. 7. **Bugs verminderen door automatische tests** - Door bij elke wijziging automatisch tests uit te voeren, worden bugs sneller gevonden en voorkomen. - Overweeg ook het toevoegen van end-to-end tests (bijvoorbeeld met Cypress) voor gebruikersgerichte tests. **Samenvatting:** - Configureer Jest voor je webapplicatie. - Zet een CI/CD-pipeline op die automatisch tests draait bij elke push en pull request. - Koppel branches en PR’s aan deze pipelines via branch- en PR-triggers. - Gebruik GitKraken voor versiebeheer en PR-beheer, en houd je team alert op testresultaten. Wil je een voorbeeld CI-configuratie voor een specifiek platform?

Hier is een uitgebreide handleiding voor het opzetten van geautomatiseerd testen in je GitKraken-workflow: ## 1. CI/CD Pipeline Configuratie ### GitHub Actions (Aanbevolen) ```yaml # .github/workflows/test.yml name: Test Suite on: push: branches: [ main, develop ] pull_request: branches: [ main, develop ] jobs: test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - uses: actions/setup-node@v3 with: node-version: '18' - name: Install dependencies run: npm ci - name: Run Jest tests run: npm test - name: Run linting run: npm run lint ``` ## 2. Branch-specifieke Teststrategie ### Branch Protection Rules (GitHub) - Configureer in repository settings → Branches - Vereis status checks voor: - `main` branch: Alle tests moeten slagen - `develop` branch: Unit tests moeten slagen - Feature branches: Basis test suite ### Package.json Scripts ```json { "scripts": { "test": "jest", "test:unit": "jest --testPathPattern=unit", "test:integration": "jest --testPathPattern=integration", "test:e2e": "jest --testPathPattern=e2e", "test:ci": "npm run test:unit && npm run test:integration" } } ``` ## 3. GitKraken Integratie ### GitKraken Glo Boards - Maak kaarten voor test-taken - Koppel branches aan specifieke test-scenario's - Gebruik labels: `unit-test`, `integration-test`, `e2e-test` ### Workflow Hooks in GitKraken 1. **Pre-commit Hooks** (via Husky): ```json // package.json "husky": { "hooks": { "pre-commit": "npm run test:unit", "pre-push": "npm run test:integration" } } ``` ## 4. Jest Framework Configuratie ### Jest Configuratie ```javascript // jest.config.js module.exports = { testEnvironment: 'jsdom', setupFilesAfterEnv: ['<rootDir>/src/setupTests.js'], collectCoverageFrom: [ 'src/**/*.{js,jsx}', '!src/index.js', '!src/reportWebVitals.js' ], coverageThreshold: { global: { branches: 80, functions: 80, lines: 80, statements: 80 } } }; ``` ## 5. Pull Request Integratie ### GitHub Pull Request Templates ```md <!-- .github/pull_request_template.md --> ## Test Checklist - [ ] Unit tests toegevoegd/bijgewerkt - [ ] Integration tests uitgevoerd - [ ] E2E tests gevalideerd - [ ] Code coverage behouden ## Test Resultaten <!-- CI status komt hier automatisch --> ``` ## 6. Team Workflow Optimalisatie ### Git Flow voor 5 Personen ``` main (alleen merges via PR) develop (integration branch) │ ├── feature/ (feature development) ├── hotfix/ (spoed fixes) └── release/ (release preparation) ``` ### Test Verantwoordelijkheden 1. **Ontwikkelaar**: Schrijft unit tests voor nieuwe features 2. **Tech Lead**: Reviewt test coverage 3. **Team**: Gezamenlijke verantwoordelijkheid voor integration tests ## 7. Monitoring en Rapportage ### Test Resultaten Tracking - Gebruik Jest test resultaten in CI - Integreer met tools zoals Codecov voor coverage reports - Stel Slack/Discord notificaties in voor failed tests ### Performance Metrieken ```javascript // src/setupTests.js import '@testing-library/jest-dom'; // Performance monitoring afterEach(() => { if (global.gc) global.gc(); }); ``` ## 8. Stapsgewijze Implementatie 1. **Week 1**: Jest setup + unit tests 2. **Week 2**: CI pipeline configureren 3. **Week 3**: Branch protection rules instellen 4. **Week 4**: Integration tests toevoegen 5. **Week 5**: Monitoring en optimalisatie ## 9. Best Practices voor Jouw Team - **Code Reviews**: Vereis test coverage bij elke PR - **Test First**: Moedig TDD aan voor nieuwe features - **Documentatie**: Houd test guidelines bij in README - **Retrospectives**: Evalueer test effectiviteit wekelijks Deze aanpak zal bugs significant verminderen door vroege detectie en geautomatiseerde kwaliteitscontrole in jullie ontwikkelworkflow.