Escriba pruebas multiplataforma de extremo a extremo en Javascript

Escribir pruebas para el código ha sido una parte esencial de la programación hoy en día. Existen diferentes tipos de metodologías de prueba de software, como pruebas unitarias, pruebas de integración y pruebas de extremo a extremo. Este artículo cubrirá cómo podemos aplicar pruebas de extremo a extremo en una aplicación nativa de reacción simple.

Usaremos la biblioteca Detox , desarrollada y mantenida por el equipo de Wix .

¡La aplicación es bastante sencilla! Permite a los usuarios dar me gusta a su aplicación favorita de Nintendo 64. Dicho esto, en realidad hay un cierto comportamiento para probar en la aplicación. ¡ Como la funcionalidad!

Historia del usuario

Enumeremos todas las que pueden ser las acciones del usuario para esta funcionalidad:

1. El usuario abre la aplicación.
2. El usuario ve la tarjeta de juego, y la tarjeta de juego tiene un botón Me gusta y un número total de texto Me gusta disponible en él. (Para comparar el texto después de la acción del usuario)
3. El usuario presiona el botón Me gusta .
4. El usuario nota que el texto "me gusta " cambió. En este caso, el número de Me gusta se incrementa en uno.

CAVEAT: This user story can be considered an integration test in theory. Yet since the app itself is only responsible for allowing users to like their game, it is treated as end-to-end testing.

1. El usuario abre la aplicación.

3. El usuario presiona el botón Me gusta .

4. El usuario nota que el texto me gusta cambió. En este caso, el número de Me gusta se incrementa en uno.

código completo

Manifestación

Veamos todo en acción.

Este artículo ha cubierto los preliminares de las pruebas de extremo a extremo en aplicaciones nativas de reacción. En aras de la simplicidad, la aplicación en sí es lo suficientemente básica como para demostrar los aspectos fundamentales de las pruebas de extremo a extremo. De hecho, puede ser más complicado que este en aplicaciones de producción/vida real.

Puede echar un vistazo al código fuente final de esta aplicación usando el enlace a continuación.

¡Que todos tengan un día libre de errores!

Código fuente de Github

Codificación de nivel superior

¡Gracias por ser parte de nuestra comunidad! Antes de que te vayas:

• Aplaude la historia y sigue al autor
• Ver más contenido en la publicación Level Up Coding
• Síguenos: Twitter | LinkedIn | Boletin informativo