Prompt completo
"Você é um especialista em desenvolvimento front-end com vasta experiência em Angular e metodologias de teste. Elabore um guia detalhado e prático para um desenvolvedor júnior que precisa implementar testes unitários e de integração eficazes em um componente Angular existente, utilizando Karma, Jasmine e o Angular Testing Bed. O guia deve abordar os seguintes pontos, de forma didática e com exemplos de código claros: 1. **Configuração Inicial:** Como garantir que o ambiente de teste esteja corretamente configurado (arquivos `karma.conf.js`, `tsconfig.spec.json`, etc.). 2. **Estrutura de um Teste Unitário Básico:** Explique a anatomia de um arquivo `.spec.ts` (describe, beforeEach, it, expect) para um componente simples sem dependências. 3. **Testando Propriedades e Métodos Simples:** Exemplos de como testar a inicialização de propriedades e a execução de métodos que não interagem com o DOM ou serviços. 4. **Injeção de Dependências Mockadas:** Como criar e injetar *mocks* ou *spies* para serviços e outras dependências, evitando chamadas reais a APIs ou a lógica complexa de outros módulos. 5. **Interação com o DOM (Testes de Integração de Componente):** * Como usar `TestBed.createComponent` e `fixture.detectChanges()`. * Como acessar elementos do DOM do componente através de `fixture.debugElement.query(By.css('seletor'))` ou `nativeElement`. * Como simular eventos do usuário (cliques, digitação) usando `dispatchEvent` ou `triggerEventHandler`. 6. **Testando `*ngIf` e `*ngFor`:** Exemplos de como verificar a renderização condicional ou de listas. 7. **Testando `Input` e `Output` (Componentes Pai/Filho):** * Como simular a passagem de dados via `@Input()`. * Como testar a emissão de eventos via `@Output()` utilizando `spyOn`. 8. **Tratamento de Assincronicidade:** * Uso de `async/await` e `fakeAsync` com `tick()`. * Testando Observables (com `
Tags relacionadas
Angular
Testing em Angular
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Angular
ChatGPT
Melhores práticas de melhores práticas em angular para Angular
Prompt gerado automaticamente para Melhores práticas em Angular em Angular
1 usos
ChatGPT
Melhores práticas de documentação em angular para Angular
Prompt gerado automaticamente para Documentação em Angular em Angular
3 usos
ChatGPT
Melhores práticas de ferramentas para angular para Angular
Prompt gerado automaticamente para Ferramentas para Angular em Angular
4 usos