🅰️
ChatGPT intermediate

Prompt para testing em angular em Angular

Prompt gerado automaticamente para Testing em Angular em Angular

4 usos Angular

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