testing-patterns
Bessere Jest-Tests schreiben
Auch verfügbar von: 0xDarkMatter,0xDarkMatter,ChrisWiles,CleanExpo
Dieser Skill bietet sofort einsetzbare Jest-Testmuster einschließlich Factory-Funktionen, benutzerdefinierter Render-Utilities und Mocking-Strategien, die Entwicklern helfen, wartbare, DRY-Tests nach TDD-Prinzipien zu schreiben.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "testing-patterns". Eine Factory-Funktion für User-Daten erstellen
Erwartetes Ergebnis:
```typescript
interface User {
id: string;
name: string;
email: string;
role: 'admin' | 'user';
}
const getMockUser = (overrides?: Partial<User>): User => ({
id: '123',
name: 'John Doe',
email: 'john@example.com',
role: 'user',
...overrides,
});
```
Verwendung von "testing-patterns". Zeigen Sie mir eine benutzerdefinierte Render-Funktion
Erwartetes Ergebnis:
```typescript
export const renderWithTheme = (ui: React.ReactElement) => {
return render(
<ThemeProvider>{ui}</ThemeProvider>
);
};
```
Verwendung von "testing-patterns". Wie sollte ich meine Tests strukturieren?
Erwartetes Ergebnis:
Verwenden Sie Describe-Blöcke, um verwandte Tests zu gruppieren: describe('ComponentName', () => { describe('Rendering', () => {...}); describe('User interactions', () => {...}); describe('Edge cases', () => {...}); });
Sicherheitsaudit
SicherSecurity review completed. All 42 static findings are false positives triggered by the static analyzer misinterpreting: (1) markdown code formatting backticks as shell commands, (2) TypeScript generics like Partial<X> as cryptographic patterns, and (3) the word 'APIs' as network reconnaissance. The skill is legitimate Jest testing documentation with no security concerns.
Qualitätsbewertung
Was du bauen kannst
Test-Infrastruktur einrichten
Benutzerdefinierte Render-Funktionen und Factory-Utilities erstellen, die Komponenten mit erforderlichen Providern wie ThemeProvider wrappen, um Boilerplate in jedem Test zu reduzieren.
Wartbare Unit-Tests schreiben
Factory-Funktionen verwenden, um konsistente Testdaten zu generieren, was Tests lesbarer, wartbarer und einfacher zu aktualisieren macht, wenn sich Datenstrukturen ändern.
TDD-Methodik befolgen
Den Red-Green-Refactor-Zyklus anwenden, indem zuerst fehlschlagende Tests geschrieben werden, dann minimaler Code zur bestandenen Prüfung implementiert wird, sodass Tests die Entwicklung vorantreiben.
Probiere diese Prompts
Helfen Sie mir, eine grundlegende Testdatei für eine React-Komponente einzurichten. Zeigen Sie mir, wie man eine benutzerdefinierte Render-Funktion erstellt, die die Komponente mit einem ThemeProvider wrapt.
Erstellen Sie eine Factory-Funktion namens getMockUser, die ein User-Objekt mit Standardwerten für id, name, email und role zurückgibt. Zeigen Sie, wie man spezifische Eigenschaften mit dem Partial-Type überschreibt.
Zeigen Sie mir, wie man ein Modul wie 'utils/analytics' in Jest mockt. Einschließlich des Zugriffs auf den Mock im Test und des Mockens von Rückgabewerten.
Führen Sie mich durch den TDD-Workflow zum Hinzufügen eines neuen Features. Beginnen Sie mit dem Schreiben eines fehlschlagenden Tests, zeigen Sie dann die minimale Implementierung zum Bestehen.
Bewährte Verfahren
- Immer Factory-Funktionen für Props und Daten verwenden, um Tests DRY und konsistent zu halten
- Verhalten über die öffentliche API testen statt Implementierungsdetails
- Aussagekräftige Testnamen verwenden, die erklären, welches Verhalten getestet wird
Vermeiden
- Vermeiden Sie es, Mock-Verhalten statt tatsächliches Komponentenverhalten zu testen
- Duplizieren Sie keine Testdaten über Tests hinweg - verwenden Sie stattdessen Factory-Funktionen
- Vermeiden Sie es, Implementierungsdetails zu testen, die sich beim Refactoring ändern können