Introducción
Conocimientos previos y qué aprenderás sobre testing en Vue.js
¿Qué son las pruebas?
Código sin pruebas vs. código con pruebas
¿Qué necesito para probar mi proyecto de Vue?
Entendiendo las pruebas
¿Qué debo de probar en mi proyecto de Vue?
Herramientas de desarrollo
¿Qué es Vue Test Utils?
¿Qué es Jest?
Desarrollo de pruebas
¿Cómo aplicar TDD en Vue?
Planeación de pruebas
Pruebas unitarias con Vue
Pruebas de integración con Vue
Tips y buenas prácticas
Mejores prácticas y tips para hacer pruebas en Vue
Jest es una herramienta que nos ayuda a automatizar nuestras pruebas.
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 8
Preguntas 0
Les recomiendo mucho instalar esta extension que les ahorra mucho codigo ya que las pruebas suelen ser repetitivas https://marketplace.visualstudio.com/items?itemName=andys8.jest-snippets
Ademas les recomiendo escriban esto en su settings.json
"typeAcquisition": {
"include": ["jest"]
}
lo cual les ayudara a que el editor reconozca las funciones de jest
Pd para abrir settings.json pueden hacer esto
ctrl + shift + p
y despues escriben json les debe aparecer esta opcion
Genial la clase, aqui unas anotaciones
describe(name, testSuite), donde name:String, testSuite:Function
test(name, test), donde name: String, test:Function
expect(value).matcher()
Jest trabaja con matchers, que son meramente funciones que nos permiten probar nuestro código de diferentes maneras.
Hay múltiples matchers, pero en esta clase solo utilizaremos dos, .toBe y .toEqual
.toBe Compara valores primitivos. Utiliza la función Object.is para hacer las validaciones, la cual es mucho más confiable que un ===.
.toEqual Compara recursivamente los valores de las propiedades de la instancia del objeto enviado (esto se le conoce como “deep equality”). Utiliza de igual manera la función Object.is para hacer las validaciones.
Hice el de jest de react y no comprendi tanto el sentido desde test como en este caso, debo decir que a veces un poco de lectura es buena!!
interesante sencillo como comprobar si los resultados son los que espero
Este tipo de prueba es para probar los valores de datos iniciales cierto? pero que utilidad tiene en un ejemplo real?, lo que se prueba ahí es info “harcodeada”, no termino de entender el caso de uso de este tipo de prueba, no son valores que vengan de api o dinamicos.
Increíble, en resumen, describe nos sirve para agrupar un grupo de funciones de test, y cada test es el que hace la validación correspondiente, y para esto nos ayuda Jest, el cual se instaló al instalar Vue Test Utils:D!
Entendido. Intenté que el test me arrojara algo nuevo y me logró indicar de manera clara lo que esperaba y lo que obtuvo.
Se probará la calidad de los productos
√ Calidad del hevo (3ms)
× Calidad de la espinaca (4ms)
● Se probará la calidad de los productos › Calidad de la espinaca
expect(received).toEqual(expected) // deep equality
Expected: {"color": "verde", "estado": 1}
Received: [{"color": "verde", "estado": 1}, {"color": 3, "estado": 2}]
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?