Component Test
Teste de Componente
Um teste de componente coloca uma parte da interface em um espaço de renderização real. Ele fornece à parte entradas e dados controlados, e então verifica seu comportamento.
Outro exemplo
Um engenheiro de sistema de design abre uma caixa de combinação com 200 opções e um estado de erro. A seleção via teclado deve alterar o valor e seu status acessível. Uma captura de tela do conteúdo ainda não pode testar esse comportamento.
Partes principais
- 01estrutura de história
- 02componente montado
- 03asserção do navegador
Use-o quando
Use este termo quando um comportamento de UI precisa de renderização no navegador, mas não precisa de toda a jornada do produto.
Não o use quando
Não use testes de componente no lugar de testes de integração ou E2E para conexões fora daquele componente.
Nome usado no código
story fixture → mount → user action → assertion Antes de lançar
Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule.
Outcome: Complete the task with Teste de Componente (Component Test). User context: Um engenheiro de sistema de design abre uma caixa de combinação com 200 opções e um estado de erro. A seleção via teclado deve alterar o valor e seu status acessível. Uma captura de tela do conteúdo ainda não pode testar esse comportamento. Validation approach: Teste de Componente (Component Test). Why it fits: Use este termo quando um comportamento de UI precisa de renderização no navegador, mas não precisa de toda a jornada do produto. Do not use it when: Não use testes de componente no lugar de testes de integração ou E2E para conexões fora daquele componente. Test requirements: Name the system and test environment. Define prepared test data, other inputs, and the result you can observe. Include failure and edge cases, allowed error, isolation, and cleanup. Test operations: Make failures easy to diagnose. Control random or changing inputs. Name an owner. Keep the test fast and simple enough for its release gate. Acceptance criteria: The test fails for the known bug and passes after the fix. It repeats in the target environment, gives useful evidence, and does not expose or change unrelated data. Evidence and limits (evidence boundary): É oficial para essa fonte. Outras plataformas ou equipes podem usar o termo de outra maneira. Unknowns to confirm: Release gate, environment, prepared test data, allowed error, time budget, owner, and flaky-test rule.
Conferir este pedido
Review how Teste de Componente (Component Test) is used now. Definition: Um teste de componente coloca uma parte da interface em um espaço de renderização real. Ele fornece à parte entradas e dados controlados, e então verifica seu comportamento. Release checks: Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.