Tipos de testing en Vue.js

Clase 2 de 14 • Curso de Unit Testing en Vue.js 3

Irving Caamal

student•

Unit Test: Que se renderice un botón con las propiedades asignadas (color, name, etc) E2E: Que se pueda hacer click a ese botón y ejecute una acción determinada (ej: llamar a un handle) Estrés: Que al hacer click a ese botón muchas veces no accionemos el método/handle más de una vez

Les dejo la piramide de test que se vió en el curso de test con JS

María Camila Lenis Restrepo

teacher•

Gracias por tu aporte, Irving

Ameth Ordoñez Erazo

student•

Tipos de test 🛠

Pruebas funcionales:

Son las pruebas de nuestras reglas de negocio, validan las funcionalidades de nuestra aplicación.

Pruebas unitarias: Son la unidad más pequeña de prueba que tenemos.
Pruebas de integración: Se encargan de simular la integración entre 2 componentes.
Pruebas E2E: Son pruebas que se encargan de testear un flujo de una aplicación.

Pruebas no funcionales:

Son todo lo que está fuera de nuestro alcance, como el performance y otros atributos de calidad.

Pruebas de estres: Su usan para saber cómo se comporta nuestra aplicación antes situaciones especificas.

Ej: Cómo se comporta la aplicación cuando recibe 1.000 request por segundo.

María Camila Lenis Restrepo

teacher•

Gracias por tu aporte 🤓

Uriel Solis Salinas

student•

Tipos de testing en Vue.js

En Vue.js, existen varios tipos de pruebas que se pueden realizar para garantizar que la aplicación funciona correctamente y se comporta como se espera. A continuación se presentan algunos de los tipos de pruebas más comunes en Vue.js: . Es importante aclarar que se dividen en dos; pruebas funcionales y pruebas no funcionales. .

Pruebas funcionales

Son las que se centran en verificar que las funciones y características específicas de la aplicación funcionen correctamente. Estas pruebas se realizan para garantizar que la aplicación cumpla con los requisitos funcionales. Y son: .

Pruebas unitarias: Son pruebas que se realizan en pequeñas unidades de código, como componentes individuales de Vue, para verificar que funcionan correctamente. Estas pruebas se pueden realizar utilizando herramientas como Jest o Mocha.
Pruebas de integración: Son pruebas que se realizan en un conjunto de componentes o módulos de Vue para verificar que interactúan correctamente entre sí. Estas pruebas se pueden realizar utilizando herramientas como Cypress o Nightwatch.
Pruebas de extremo a extremo (E2E): Son pruebas que se realizan en una aplicación completa para verificar que se comporta como se espera desde el punto de vista del usuario final. Estas pruebas se pueden realizar utilizando herramientas como Cypress o TestCafé.

Pruebas no funcionales

Se centran en aspectos como la el rendimiento y la accesibilidad de la aplicación. Estas pruebas se realizan para garantizar que la aplicación cumpla con los requisitos no funcionales, como la velocidad de carga, la escalabilidad, la seguridad y la facilidad de uso. .

Pruebas de rendimiento: Son pruebas que se realizan para verificar que la aplicación se ejecuta de manera eficiente y sin problemas de rendimiento. Estas pruebas se pueden realizar utilizando herramientas como Lighthouse o WebPageTest.
Pruebas de accesibilidad: Son pruebas que se realizan para verificar que la aplicación es accesible para usuarios con discapacidades. Estas pruebas se pueden realizar utilizando herramientas como Axe o Google Accessibility Developer Tools.

Youssef Aoun Ocampo

student•

Recomendaría que en el futuro pusieran la opción de activar los subtítulos para la gente que no pueda oír.

Tipos de testing en Vue.js

Introducción

¿Por qué hacer testing en Vue.js?

Tipos de testing en Vue.js

Proyecto del curso: QR Generator App

Montando un componente

¿Qué se debe testear en Vue.js? Vue App y Vue Test

Una caja de arena: tu primera prueba en Vue.js

Probando dependencias de Vue

Shallow mount vs. mount

Wrapper: probando elementos y estados

Acciones y mocks

Prueba de eventos: ejecutando acciones en el componente

Mocks en Vue.js: interceptando funciones

Prueba de eventos emitidos entre múltiples componentes

Testing de UI: probando estados de la interfaz

Un paso adicional

Vue Test Coverage

Cierre

¿Quieres más cursos de testing en Vue?