Entonces, una vez que hayas instalado, obtendrás esto. Obtendrás esa carpeta de GitHub allí con las acciones dentro de ella, y obtienes una carpeta de pruebas, cuando tienes el archivo example.spec.ts. Eso tendrá una prueba muy pequeña allí, que vamos a repasar hoy, y luego hay un archivo de ejemplo de prueba, que tiene una aplicación de demostración de tareas pendientes, y puedes echarle un vistazo en más detalle.
Y luego la configuración de Playwright, en caso de que quisieras agregar más tarde o eliminar algunos de esos navegadores, o poner testing para Safari móvil, o configurar un servidor de desarrollo para ejecutar tu aplicación en localhost 3000 antes de ejecutar tus pruebas, etc. Puedes hacer todo eso en la configuración, pero rara vez necesitas tocar la configuración, porque todo simplemente funciona.
Entonces, cuando quieras ejecutar pruebas, puedes ejecutar todas las pruebas. Puedes ejecutar un conjunto de pruebas, una sola prueba, y las pruebas se ejecutan en paralelo. Sin que tengas que hacer nada, se ejecuta automáticamente en paralelo, lo que las hace súper rápidas. Así que voy a ejecutar las pruebas usando la extensión de VS Code. De nuevo, podrías usar la terminal y simplemente poner npx.playwritetest, pero aquí en la línea tres, verás este encantador triángulo verde. Así que voy a hacer clic en eso, y luego básicamente, va a ir bajando por cada línea, y va a ejecutar la prueba. Ahora, puedes ver que abrió una ventana del navegador para mí, y pude ver todo lo que está pasando. Lo voy a reproducir de nuevo. Puedes ver que es súper rápido, ¿verdad? Eso es porque tengo marcada esta opción de mostrar el navegador, y puedes desmarcar eso si quieres. Si no quieres ver el navegador, si quieres ver el navegador, asegúrate de que eso esté marcado.
Entonces, la depuración en vivo, si tienes algún error en tu prueba, quiero decir, nunca tienes errores, ¿verdad? Pero si tienes algún error o algo así, tienes depuración en vivo y mensajes de error en el propio VS Code. Entonces, de nuevo, tenemos nuestra prueba aquí en VS Code, y simplemente voy a romper esto aquí, ¿verdad? Entonces getByText, voy a ejecutar esa prueba, va a fallar, y dice, error, violación del modo estricto. Entonces Playwright está diciendo, Oye, mira, hay uno, dos, tres elementos allí, y puedes tener todo el registro. Ahora, si no quieres leer el registro o no entiendes el registro, básicamente podrías establecer un punto de interrupción, y podrías ejecutar esa prueba de nuevo, para que puedas verlo. Así que lo ejecuto en modo de depuración, y ahora podemos pasar por eso y ver qué está pasando. Entonces, en este punto en el tiempo, Playwright está diciendo, Oye, mira, getByText, se resolvió a tres elementos. Aquí está uno de ellos. Aquí está el otro. Y en la parte inferior, tenemos otro que tiene la palabra estrella dentro de ese texto de inicio. Entonces Playwright no sabe cuál quieres que elija. Así que está diciendo, Oye, esto está rompiendo la violación estricta. Entonces puedes jugar y depurar en vivo esto y decir, Bueno, ¿qué pasa si pongo obtener estrella? Obtener estrella solo se resuelve a uno, así que eso estaría bien. Eso funcionaría. De nuevo, podemos volver aquí y jugar y poner algo como, imagina que ponemos Playwright, ¿verdad? Ponemos Playwright. Hay demasiados, ¿vale? Oye, hay como 12 de estos.
Comments