Del curso: React avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Examinar actualizaciones de pantalla

Examinar actualizaciones de pantalla - Tutorial de React.js

Del curso: React avanzado 1

Examinar actualizaciones de pantalla

En esta lección te voy a mostrar cómo hacer una prueba en donde modifiquemos un elemento que se encuentra dentro del DOM y que examinemos el resultado dentro de otro elemento completamente distinto. También te voy a enseñar cómo utilizar una forma simplificada de selección llamada screen. Vamos entonces a hacer esta prueba. Comenzamos definiendo la prueba. Vamos a poner que sea should display name. En este caso, vamos a mostrar el nombre del usuario en el momento en que incluimos algún texto dentro del input. Definimos acá nuestro arrow function y vamos a comenzar la prueba. ¿Qué es lo que vamos a probar? Vamos entonces a la aplicación. Veamos entonces que, en el momento en que yo escribo un nombre, aparece acá el texto. Una forma podría ser que nosotros evaluemos todo el flujo lógico de nuestra aplicación, por ejemplo, que vengamos acá y que evaluemos que en el momento en que el usuario hace, por ejemplo, clic, dentro de onChange, se invoque el método onInputChange, y que…

Contenido