Skip to content

Commit 9569afc

Browse files
committedNov 6, 2024·
Docs: Intro Storybook minor updates (Spanish)
1 parent 1c49ad3 commit 9569afc

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed
 

‎content/intro-to-storybook/react/es/screen.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -330,15 +330,15 @@ Revisa tu Storybook y vas a ver que la historia de `error` está funcionando. MS
330330
/>
331331
</video>
332332

333-
## Pruebas de interacción
333+
## Pruebas de componentes
334334

335335
Hasta ahora, hemos podido crear una aplicación completamente funcional desde cero, empezando desde un componente simple hasta una pantalla y probando continuamente cada cambio usando nuestras historias. Pero cada nueva historia también requiere una verificación manual de todas las demás historias para asegurar que la interfaz de usuario no se rompa. Eso es mucho trabajo extra.
336336

337337
¿No podemos automatizar este flujo de trabajo y probar las interacciones de nuestros componentes automáticamente?
338338

339-
### Escribe una prueba de interacción usando la función "play"
339+
### Escribe una prueba de componente usando la función "play"
340340

341-
La función [`play`](https://storybook.js.org/docs/react/writing-stories/play-function) de Storybook y [`@storybook/addon-interactions`](https://storybook.js.org/docs/react/writing-tests/interaction-testing) nos ayuda con esto. La función `play` incluye pequeños fragmentos de código que se ejecutan después de que se renderiza la historia.
341+
La función [`play`](https://storybook.js.org/docs/react/writing-stories/play-function) de Storybook y [`@storybook/addon-interactions`](https://storybook.js.org/docs/react/writing-tests/component-testing) nos ayuda con esto. La función `play` incluye pequeños fragmentos de código que se ejecutan después de que se renderiza la historia.
342342

343343
La función play nos ayuda a verificar lo que sucede a la interfaz de usuario cuando se actualizan las tareas. Usa APIs del DOM que son "framework-agnostic", lo que significa que podemos escribir historias con la función play para interactuar con la interfaz de usuario y simular el comportamiento humano sin importar el framework del frontend.
344344

@@ -457,7 +457,7 @@ yarn test-storybook --watch
457457

458458
<div class="aside">
459459

460-
💡 Las pruebas de interacción con la función play son una forma fantástica para probar los componentes de la interfaz de usuario. Puede hacer mucho más de lo que hemos visto aquí. Recomendamos leer la [documentación oficial](https://storybook.js.org/docs/react/writing-tests/interaction-testing) para aprender más al respecto.
460+
💡 Las pruebas de componentes con la función play son una forma fantástica para probar los componentes de la interfaz de usuario. Puede hacer mucho más de lo que hemos visto aquí. Recomendamos leer la [documentación oficial](https://storybook.js.org/docs/react/writing-tests/component-testing) para aprender más al respecto.
461461

462462
Para profundizar aún más en las pruebas, puedes mirar el [Manual de pruebas](/ui-testing-handbook). Cubre las estrategias de prueba utilizadas por los equipos de front-end escalados para potenciar tu flujo de trabajo de desarrollo.
463463

‎content/intro-to-storybook/react/es/test.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Ningún tutorial de Storybook estaría completo sin hacer testing. Las pruebas s
1010

1111
- **Pruebas de accessibilidad** verifican que los componentes sean accesible a todos usando el complemento a11y. Nos ayudan a recolectar información sobre cómo las personas con ciertos tipos de discapacidades usan nuestros componentes.
1212

13-
- **Pruebas de interacción** con la función "play" verifican que el componente se comporta como se espera cuando se interactúa con él. Son excelentes para probar el comportamiento de un componente cuando se está usando.
13+
- **Pruebas de componentes** con la función "play" verifican que el componente se comporta como se espera cuando se interactúa con él. Son excelentes para probar el comportamiento de un componente cuando se está usando.
1414

1515
## "¿Pero se ve bien?"
1616

0 commit comments

Comments
 (0)
Please sign in to comment.