Prompt para testing em angular em Angular

Prompt gerado automaticamente para Testing em Angular em Angular

5.0
38 usos
ChatGPT
Usar no ChatGPT
"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 `

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

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