javascript-testing-patterns
JavaScript-Tests mit Jest und Vitest schreiben
Das Schreiben zuverlässiger Tests für JavaScript- und TypeScript-Anwendungen ist zeitaufwändig und fehleranfällig. Dieser Skill bietet einsatzbereite Testmuster für Unit-Tests, Integrationstests und Komponententests mit Mocking, Fixtures und TDD-Workflows.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "javascript-testing-patterns". Schreibe Tests für einen User-Service, der Benutzer erstellt, aktualisiert und löscht
Erwartetes Ergebnis:
- UserService mit CRUD-Operationen erstellt
- create()-Methode getestet - Erfolgsfall und Fehler bei doppeltem Benutzer
- update()-Methode getestet - Erfolgsfall und Fehler bei nicht gefundenem Benutzer
- delete()-Methode getestet - erfolgreiche Löschung und nicht existierender Benutzer
- beforeEach verwendet, um den Service-Status zwischen Tests zurückzusetzen
- Umfassende Assertions für alle Grenzfälle hinzugefügt
Verwendung von "javascript-testing-patterns". Erstelle einen Test für einen API-Service, der Daten von einem externen Endpunkt abruft
Erwartetes Ergebnis:
- ApiService mit fetchUser- und createUser-Methoden eingerichtet
- global.fetch mit vi.fn() für isoliertes Testen gemockt
- Erfolgreichen Benutzerabruf mit Mock-Response getestet
- Fehlerbehandlung für fehlgeschlagene API-Aufrufe getestet
- Korrekte HTTP-Methoden und Request-Bodies verifiziert
Verwendung von "javascript-testing-patterns". Schreibe einen React-Komponententest für ein Formular mit Benutzereingabe und Absendung
Erwartetes Ergebnis:
- UserForm-Komponente mit Testing Library gerendert
- Eingabefeld-Rendering und Status-Updates getestet
- Verifiziert, dass onSubmit-Callback mit korrekten Daten ausgelöst wird
- fireEvent verwendet, um Benutzerinteraktionen zu simulieren
- testid-Attribute für zuverlässige Element-Auswahl hinzugefügt
Sicherheitsaudit
SicherThis is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
Risikofaktoren
🌐 Netzwerkzugriff (33)
⚙️ Externe Befehle (43)
📁 Dateisystemzugriff (9)
🔑 Umgebungsvariablen (8)
Qualitätsbewertung
Was du bauen kannst
React-Komponenten testen
Komponententests mit React Testing Library schreiben, um UI-Verhalten und Benutzerinteraktionen zu verifizieren.
API-Endpunkte testen
Integrationstests für REST-APIs mit Datenbank-Fixtures und Authentifizierungsabläufen erstellen.
TDD-Workflow implementieren
Testgetriebene Entwicklungsmuster befolgen, um zuverlässige Funktionen und Services mit hoher Abdeckung zu entwickeln.
Probiere diese Prompts
Schreibe Unit-Tests für diese Funktion, die normale Fälle, Grenzfälle und Fehlerbedingungen abdecken.
Erstelle Tests für diesen Service, die externe API-Aufrufe mit vi.mock oder jest.mock mocken.
Schreibe Komponententests mit @testing-library/react, die Benutzerinteraktionen und Rendering testen.
Erstelle Integrationstests für diesen REST-API-Endpunkt inklusive Authentifizierung und Datenbank-Cleanup.
Bewährte Verfahren
- Das AAA-Pattern verwenden: Arrange (Eingaben vorbereiten), Act (Funktion ausführen), Assert (erwartete Ergebnisse prüfen)
- Externe Abhängigkeiten mocken, um Tests schnell und isoliert von echten Services zu halten
- Verhalten testen, nicht Implementierungsdetails, um Tests widerstandsfähig gegen Refactoring zu machen
Vermeiden
- Vermeiden Sie das Testen von Implementierungsdetails, die sich häufig ändern
- Schreiben Sie keine Tests, die von der Ausführungsreihenfolge oder gemeinsam genutztem Status abhängen
- Überspringen Sie nicht das Mocken langsamer externer Services in Unit-Tests