No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

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

5/14
Recursos

Aportes 3

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Les dejo esta lectura/articulo donde se habla más a fondo de las convenciones de nombres en los tests, que como se dijo en esta clase, es una parte crucial.

unit-test-naming-conventions

Aquí otro recurso en español e incluso siento que es más completo
Convención de Nombres para Pruebas Unitarias — Unit Test

Explicación del archivo hello_word.spec.js:
.

import { shallowMount } from '@vue/test-utils' /* shallowMount es una función que nos permite montar un componente de Vue.js en un entorno de prueba. */

import HelloWorld from '@/components/HelloWorld.vue' /* Importamos el componente HelloWorld. */

/* describe es una función que nos permite agrupar pruebas relacionadas. */
describe('HelloWorld.vue', () => {

  /* it es una función que nos permite definir una prueba. */
  it('renders hello world component', () => {
    const wrapper = shallowMount(HelloWorld) /* Montamos el componente HelloWorld en un entorno de prueba. */

    const component = wrapper.find('.hello') /* Buscamos el elemento con la clase hello. */

    expect(component.classes()).toContain('hello') /* Comprobamos que el elemento contiene la clase hello. */
    
    /* 
	    component.classes() devuelve un array con las clases del elemento.
    	toContain es una función de Jest que nos permite comprobar si un array contiene un elemento. 
    */
  })
})

Hubiese estado mejor si explicara cómo funciona el unit testing, muchos no saben de donde viene el describe() o que son los it(). ¿Hay un curso solamente dedicado a esto que se debió tomar antes? ¿O de alguna forma se asume que ya se deberian saber estos conceptos?