Testes

com vue-test-utils

A cultura de testes poderia mudar a vida de muitas empresas e devs que vivem apagando fogo

/me

William Correa

@wilcorrea

wilcorrea.dev

github.com/wilcorrea
sourcerer.io/wilcorrea

profile.codersrank.io/user/wilcorrea

t.me/wilcorrea

# O que é um teste?

• Definição básica
• Contextualizando com a TI
• Criando testes

# Definição básica

• Palavra anglófona adaptada à língua portuguesa
• Sinônimo de avaliação

# Contextualizando com a TI

• Garantir que algo funciona
• Garantir que o que tinha sido feito ainda funciona
• Informações sobre possíveis problemas

# Contextualizando com a TI

• Confiança em mudar
• Melhorar a qualidade do código (e da entrega)
• Documentar a implementação

# Criando testes

# Criando testes

# Criando testes

# Pra levar pra casa

• Testes automatizados são excelentes features
• Criar, manter e seguir processos >>> codar loucamente
• Pensar no futuro

# O que testar?

• https://vue-test-utils.vuejs.org/guides/#common-tips
• https://www.youtube.com/watch?v=OIpfWTThrK8

# O que testar?

• Testar os recursos públicos e a parte lógica
• Criar snapshots da interface
• Fugir de testes inseguros (brittle tests)
• Testar apenas a sua lógica

# Pra levar pra casa

• Priorize caminhos críticos
• Crie testes e adicione-os no processo de build

# Introdução prática

• Instalar o jest e test utils
• Configurar o jest
• Conhecendo o jest
• Usando o jest com vue
• Cobertura como referência

# Instalar o jest e test utils

# Configurar o jest

# Configurar o jest

• Configurar o testMatch no package.json

# Conhecendo o jest

jest.io

# Usando o jest com vue

# Usando o jest com vue

# Usando o jest com vue

# Usando o jest com vue

# Usando o jest com vue

# Usando o jest com vue

# Cobertura como referência

• Noção do que está coberto
• Percepção de segurança

# Cobertura como referência

# Pra levar pra casa

• Coloque o que mais te dói nos testes
• Crie componentes testáveis

# Aplicando em um projeto real (simples)

• Testar apresentação
• Testar eventos
• Criar mocks
• Testes irrelevantes
• Pensando fora da caixa

# Testar apresentação

# Testar apresentação

# Testar apresentação

# Testar apresentação

# Testar apresentação

# Testar eventos

• Verificar se os elementos existem

# Testar eventos

• Verificar se os elementos existem

# Testar eventos

• Interagir com os elementos

# Testar eventos

# Testar eventos

# Criar mocks

• Estudar o test runner
• Entender o que testar

# Criar mocks

• Expor métodos
• Favorecer a cobertura
• Ignorar terceiros

# Testes irrelevantes

• Evitar virar o louco dos testes
• Criar testes é codar

# Pensando fora da caixa

• Ser amigável para testes
• Refletir sobre o que faz

# Pensando fora da caixa

• Implementações organizadas
• Testes mais organizados

# Pra levar pra casa

• Dormir tranquilo