O que você aprenderá_

Compreenda a importância dos testes para a qualidade do software.
Aplique a metodologia 3A na elaboração de testes unitários.
Utilize Jest e React Testing Library para validar componentes React.
Explore técnicas avançadas com mocks, stubs e simulação de interações.
Implemente testes end-to-end com Cypress para simular fluxos completos.
Aprimore a integração dos testes para garantir confiabilidade nas aplicações.

Público alvo_

Pessoas desenvolvedoras front-end, que já possuem conhecimentos básicos em react e buscam aprender sobre testes unitários, automatizado e end-to-end.

João Vitor Veronese Vieira

Desenvolvedor Front-end Sênior com mais de 9 anos de experiência, apaixonado por criar soluções web limpas, eficientes e rentáveis. Formado em Ciência da Computação e pós-graduando em Frontend, trabalho remotamente do Brasil para uma empresa dos EUA e atualmente crio conteúdo no perfil "Manual do Front", compartilhando insights, dicas e exemplos do mundo real, com o objetivo de ajudar outras pessoas, "devolvendo" todos os aprendizados que recebi durante a minha carreira.

Curso atualizado em 08/09/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Entendendo testes automatizados
- O que são testes e por que são essenciais
- A pirâmide de testes e as ferramentas mais utilizadas
- O que são o Jest e o RTL
- Estrutura de arquivos de testes e convenções de mercado
- Organização de arquivos de teste no e-commerce
Primeiros testes com Jest + RTL
- Conhecendo o projeto
- Instalando e configurando Jest e React Testing Library
- Entendendo a suíte de testes unitários
- Testando funções puras
- Escrevendo o primeiro teste de componente com RTL
- Executando testes via terminal comandos essenciais
- Simplificando o fluxo com npm scripts e atalhos no VSCode
- Criando snippets de código para acelerar o desenvolvimento de testes
- Utilizando only, skip e each para controlar seus testes
Seletores e eventos
- Entendendo sobre getBy e queryBy
- Entendendo o findBy
- Utilizando o userEvent
- Eventos com userEvent e fireEvent
- Verificando a remoção de tarefas
Acessibilidade nos testes
- Boas práticas de acessibilidade
- Criando testes acessíveis para vários botões
- Testando botão de deleção
Testes comportamentais e estados
- Testando useState e props de forma prática
- Entendendo renderizações condicionais
- Refatorando componentes com funções de renderização
- Eliminando repetição com Custom Render
- Entendendo e corrigindo falsos-positivos
- Otimização de código
Mocks, Stubs e cobertura de código
- Entendendo mocks e stubs
- Testando código assíncrono
- Fazendo mock de API
- Interpretação de relatórios de coverage
Testes End-to-End (E2E) com Cypress
- Por que entender E2E é essencial na carreira dev
- O papel do Cypress nos projetos reais
- Fluxo de happy path
- Construindo um fluxo E2E completo

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Cursos relacionados em React

curso

React

gerenciando estados com redux e context API

Front-end

curso

React

construindo SPAs com React router

Front-end

curso

React:

O que você aprenderá_