Onesait UX | Testing

Guia de testing para el equipo de desarrollo front de Onesait UX

Contenidos

Jest

1. Comandos básicos de Jest
2. Configuración básica de Jest
3. Lanzar un test e interpretar los resultados
4. Métodos describe() y test()
5. Método expect() y sus funciones
6. Funciones mockeadas de jest jest.fn()
7. Métodos de Jest más utilizados

Vue Test Utils

1. Configuración avanzada de Jest
2. Montado de componentes
3. Opciones de los métodos mount y shallowMount
4. El objeto wrapper
5. Métodos del objeto wrapper

Vue con Vuex

1. Introducción
2. Testear componentes con Vuex
3. Testear módulos de Vuex 🚧

Metodología y estructura de los tests

1. Estructura de los archivos de Test
2. Concepto de componente
3. Concepto de contrato
4. Estructura de un Test
5. Snippets
6. Casos prácticos más comunes

FAQ y ejemplos 🚧

Instalación

Clonar el repositorio e instalar dependencias

$ git clone https://github.com/pedro-rodalia/test-course.git ods-test-course
$ cd ods-test-course && npm install

Comandos disponibles

# Run tests and collect coverage from all files
$ npm run unit <component>

# Just run tests (faster than the previous command)
$ npm run unit:only <component>

# Run tests and collect coverage, and watch for changes
$ npm run unit:watch <component>

Documentación

• Documentación oficial de Jest
• Documentación oficial de las Vue Test Utils
• Vue Testing Handbook