Prompt para testing em angular em Angular
Prompt gerado automaticamente para Testing em Angular em Angular
"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
Como Usar este Prompt
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
Cole o prompt e substitua as variáveis (se houver) com suas informações.
Outros prompts de Angular
Continue explorando prompts nesta categoria.
Melhores práticas de melhores práticas em angular para Angular
Prompt gerado automaticamente para Melhores práticas em Angular em Angular
Melhores práticas de documentação em angular para Angular
Prompt gerado automaticamente para Documentação em Angular em Angular
Melhores práticas de ferramentas para angular para Angular
Prompt gerado automaticamente para Ferramentas para Angular em Angular