Component Test
Prueba de componente
Una prueba de componente coloca una parte de la interfaz en un espacio de renderizado real. Le da a la parte entrada controlada y datos, y luego verifica su comportamiento.
Otro ejemplo
Un ingeniero de sistema de diseño abre un cuadro combinado con 200 opciones y un estado de error. La selección por teclado debe cambiar el valor y su estado accesible. Una captura de pantalla del contenido aún no puede probar este comportamiento.
Partes principales
- 01accesorio de historia
- 02componente montado
- 03aserción del navegador
Úsalo cuando
Use este término cuando un comportamiento de la interfaz de usuario requiera renderizado en el navegador pero no necesite todo el recorrido del producto.
No lo uses cuando
No uses pruebas de componentes en lugar de pruebas de integración o E2E para conexiones fuera de ese componente.
Nombre usado en código
story fixture → mount → user action → assertion Antes de lanzarlo
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 Prueba de componente (Component Test). User context: Un ingeniero de sistema de diseño abre un cuadro combinado con 200 opciones y un estado de error. La selección por teclado debe cambiar el valor y su estado accesible. Una captura de pantalla del contenido aún no puede probar este comportamiento. Validation approach: Prueba de componente (Component Test). Why it fits: Use este término cuando un comportamiento de la interfaz de usuario requiera renderizado en el navegador pero no necesite todo el recorrido del producto. Do not use it when: No uses pruebas de componentes en lugar de pruebas de integración o E2E para conexiones fuera de ese 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): Es oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera. Unknowns to confirm: Release gate, environment, prepared test data, allowed error, time budget, owner, and flaky-test rule.
Revisa esta petición
Review how Prueba de componente (Component Test) is used now. Definition: Una prueba de componente coloca una parte de la interfaz en un espacio de renderizado real. Le da a la parte entrada controlada y datos, y luego verifica su comportamiento. 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.