🧪 Task 5.1: Setup Storybook Test Runner with Coverage #236

New issue

Open

opened 2025-08-09 20:51:34 +00:00 by goern · 0 comments

goern commented

2025-08-09 20:51:34 +00:00

(Migrated from codeberg.org)

📋 Beschreibung

Implementierung des Storybook Test Runners mit Coverage-Integration als Teil der Phase 5: Storybook Integration.

🎯 Ziele

Storybook Test Runner für automatisierte Component-Tests einrichten
Coverage-Collection für Storybook-Tests konfigurieren
Integration mit bestehendem Coverage-System vorbereiten

✅ Implementation Checklist

Install @storybook/test-runner and dependencies
Configure test-runner-jest.config.js for coverage
Add @storybook/addon-coverage to main configuration
Create test-setup.ts for global configuration
Verify coverage collection in coverage/storybook directory

📊 Akzeptanzkriterien

Storybook Test Runner erfolgreich installiert und konfiguriert
Coverage-Daten werden korrekt in coverage/storybook/ gesammelt
Test Runner kann alle vorhandenen Stories ausführen
Coverage-Daten sind kompatibel mit NYC/Istanbul Format

🔗 Abhängigkeiten

Prerequisites: Phase 1 (Infrastructure Setup) abgeschlossen ✅
Related Issues:
- #238 (Task 5.2: Fix Component Story ID Type Issues)
- #241 (Task 5.5: Integrate Storybook Coverage with Main Pipeline)

📝 Notizen

Priority: High
Estimated Time: 3 hours
Part of PR #225 (Testing Infrastructure Improvements)

📚 Referenzen

Storybook Test Runner Documentation
Storybook Coverage Addon
Interne Docs: /docs/testing/storybook-integration.md (zu erstellen)

## 📋 Beschreibung Implementierung des Storybook Test Runners mit Coverage-Integration als Teil der Phase 5: Storybook Integration. ## 🎯 Ziele - Storybook Test Runner für automatisierte Component-Tests einrichten - Coverage-Collection für Storybook-Tests konfigurieren - Integration mit bestehendem Coverage-System vorbereiten ## ✅ Implementation Checklist - [ ] Install @storybook/test-runner and dependencies - [ ] Configure test-runner-jest.config.js for coverage - [ ] Add @storybook/addon-coverage to main configuration - [ ] Create test-setup.ts for global configuration - [ ] Verify coverage collection in coverage/storybook directory ## 📊 Akzeptanzkriterien - Storybook Test Runner erfolgreich installiert und konfiguriert - Coverage-Daten werden korrekt in `coverage/storybook/` gesammelt - Test Runner kann alle vorhandenen Stories ausführen - Coverage-Daten sind kompatibel mit NYC/Istanbul Format ## 🔗 Abhängigkeiten - **Prerequisites**: Phase 1 (Infrastructure Setup) abgeschlossen ✅ - **Related Issues**: - #238 (Task 5.2: Fix Component Story ID Type Issues) - #241 (Task 5.5: Integrate Storybook Coverage with Main Pipeline) ## 📝 Notizen - Priority: **High** - Estimated Time: **3 hours** - Part of PR #225 (Testing Infrastructure Improvements) ## 📚 Referenzen - [Storybook Test Runner Documentation](https://storybook.js.org/docs/react/writing-tests/test-runner) - [Storybook Coverage Addon](https://storybook.js.org/addons/@storybook/addon-coverage) - Interne Docs: `/docs/testing/storybook-integration.md` (zu erstellen)