testing-patterns
Escreva Melhores Testes Jest
Também disponível em: 0xDarkMatter,0xDarkMatter,ChrisWiles,CleanExpo
Esta skill fornece padrões de teste Jest prontos para uso, incluindo funções factory, utilitários de renderização personalizados e estratégias de mocking que ajudam desenvolvedores a escrever testes mantíveis e DRY seguindo princípios TDD.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "testing-patterns". Crie uma função factory para dados de usuário
Resultado esperado:
```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,
});
```
A utilizar "testing-patterns". Mostre uma função de renderização personalizada
Resultado esperado:
```typescript
export const renderWithTheme = (ui: React.ReactElement) => {
return render(
<ThemeProvider>{ui}</ThemeProvider>
);
};
```
A utilizar "testing-patterns". Como devo estruturar meus testes?
Resultado esperado:
Use blocos describe para agrupar testes relacionados: describe('ComponentName', () => { describe('Rendering', () => {...}); describe('User interactions', () => {...}); describe('Edge cases', () => {...}); });
Auditoria de Segurança
SeguroSecurity 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.
Pontuação de qualidade
O Que Você Pode Construir
Configurando infraestrutura de teste
Crie funções de renderização personalizadas e utilitários factory que envolvem componentes com providers necessários como ThemeProvider, reduzindo boilerplate em cada teste.
Escrevendo testes de unidade mantíveis
Use funções factory para gerar dados de teste consistentes, tornando testes mais fáceis de ler, manter e atualizar quando estruturas de dados mudam.
Seguindo metodologia TDD
Aplique o ciclo red-green-refactor escrevendo testes falhando primeiro, depois implementando código mínimo para passar, garantindo que testes direcionam o desenvolvimento.
Tente Estes Prompts
Ajude-me a configurar um arquivo de teste básico para um componente React. Mostre como criar uma função de renderização personalizada que envolve o componente com um ThemeProvider.
Crie uma função factory chamada getMockUser que retorna um objeto de usuário com valores padrão para id, name, email e role. Mostre como sobrescrever propriedades específicas usando o tipo Partial.
Mostre como fazer mock de um módulo como 'utils/analytics' no Jest. Inclua como acessar o mock no teste e como mockar valores de retorno.
Guie-me pelo fluxo de trabalho TDD para adicionar uma nova feature. Comece escrevendo um teste falhando, depois mostre a implementação mínima para passá-lo.
Melhores Práticas
- Sempre use funções factory para props e dados para manter testes DRY e consistentes
- Teste comportamento através da API pública em vez de detalhes de implementação
- Use nomes descritivos para testes que explicam qual comportamento está sendo testado
Evitar
- Evite testar comportamento de mock em vez de comportamento real do componente
- Não duplique dados de teste entre testes - use funções factory em vez disso
- Evite testar detalhes de implementação que podem mudar durante refatoração