56h

Para conclusão

6
Cursos
2
Vídeos extras
2
Podcasts
4
Artigos

React com testes automatizados

Entenda como testar aplicativos em React de ponta a ponta, incluindo diferentes tipos de testes e seja capaz de criar aplicativos mais confiáveis e resilientes. Nesta formação você aprenderá a:

  • Aplicar testes automatizados ou testes unitários;
  • Escrever testes de unidades, de integração e testes ponta a ponta;
  • Aumentar a qualidade e confiabilidade do seu código.

Clique aqui e acesse o Tech Guide para acompanhar sua evolução e matricule-se na formação para planejar à sua trilha de estudos com acesso direto pelo Dashboard.

Em caso de dúvidas, acesse o Fórum ou interaja com a comunidade no Discord.

Vamos mergulhar!?

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

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

Conheça os planos

Com quem você vai aprender?

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Luiz Fernando Ribeiro

  • Luiz Fernando Ribeiro

  • Vinicius Dias

    Vinicius Dias é Zend Certified Engineer (Engenheiro PHP Certificado pela Zend), iMasters Certified Professional, formado em Tecnologia da Informação e pós-graduado em Arquitetura de Software. Com mais de uma década de experiência na área, já trabalhou em diversas empresas ao redor do mundo, sendo atualmente Engenheiro de Software Senior em uma empresa estadunidense. Tem como lema a regra do bom escoteiro: Sempre deixe o código mais limpo do que quando você o encontrou.

  • Vinicius Dias

    Vinicius Dias é Zend Certified Engineer (Engenheiro PHP Certificado pela Zend), iMasters Certified Professional, formado em Tecnologia da Informação e pós-graduado em Arquitetura de Software. Com mais de uma década de experiência na área, já trabalhou em diversas empresas ao redor do mundo, sendo atualmente Engenheiro de Software Senior em uma empresa estadunidense. Tem como lema a regra do bom escoteiro: Sempre deixe o código mais limpo do que quando você o encontrou.

Passo a passo
  1. 1 Explore o Jest e o React Testing Library

    Neste primeiro passo você aplicará testes automatizados em React, utilizando o Jest e o React Testing Library. Isso possibilitará aplicar diferentes tipos de testes em aplicações, como testes de unidade e integração, testes de componentes, rotas, hooks, api’s, criação de mocks e análise de cobertura dos testes para garantir que todos os aspectos da sua aplicação estejam funcionando corretamente.

    • Vídeo Como testar seu Front-end? com Mario Souto | #HipstersPontoTube - YouTube

    • Curso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end

      08h
      • Entenda como testes são importantes no desenvolvimento de aplicações Front-end
      • Conheça o Jest e o React Testing Library duas importantes e mais usadas ferramentas de testes
      • para aplicações React
      • Saiba como escrever testes automatizados, simular funções e comportamentos do usuário com a
      • aplicação
      • Escreva testes que façam sentido para cada componente e funcionalidade da aplicação
      • Proteja sua aplicação em produção de códigos que não passam nos testes e podem conter bugs
    • Artigo Tipos de testes: quais os principais e por que utilizá-los? | Alura

    • Alura+ Entenda a Pirâmide de Teste

    • Curso React: testes de integração e mocks no Front-end

      08h
      • Entenda como testar as rotas de sua aplicação
      • Saiba como escrever testes de integração para seus componente React
      • Teste hooks customizados em suas aplicações React
      • Realize mocks para requisições e chamadas a uma API
      • Descubra o que é relatório de cobertura de testes e saiba como ler suas principais informações
      • Crie uma action no Github e proteja seu repositório de códigos não testados
  2. 2 Escreva testes de ponta a ponta com Cypress

    Neste segundo passo, você aplicará testes com Cypress, uma das ferramentas mais populares de do mercado. Você aprenderá a instalar e configurar o Cypress, compreenderá o que são jornadas de usuário, testes de chamadas e retorno de API’s. Terá acesso à aplicação de dados dinâmicos em seus testes, em diferentes navegadores e dispositivos de ponta a ponta.

    • Artigo Dicas para desenvolver testes unitários e de integração no Front-end | Alura

    • Curso React: escreva testes end to end com Cypress

      08h
      • Conheça o Cypress e as vantages de utilizá-lo para testar suas aplicações Front-end
      • Saiba como instalar e utilizar o Cypress em seus projetos
      • Escreva testes de ponta a ponta em suas aplicações React
      • Crie comandos personalizados no Cypress
      • Entenda como testar formulários e múltiplas páginas com o Cypress
      • Entenda o que são as jornadas de usuário ao escrever testes
      • Realize seus testes em diferentes navegadores e dispositivos móveis
    • Podcast Case Avenue: Testes e Qualidade – Hipsters Ponto Tech #314

    • Curso React: avançando em testes e2e com Cypress

      08h
      • Conhecer boas práticas de organização e escrita de testes no Cypress
      • Compreender e realizar testes de API utilizando o Cypress
      • Entender como utilizar mocks e stubs em testes de ponta a ponta
      • Realizar testes com dados dinâmicos
      • Escrever testes de jornada de usuários testando a integração de Front-end e Backend juntos
      • Entender como proteger dados sensíveis em suas aplicações
      • Testar recursos de suas aplicações em diferentes tamanhos de tela
    • Artigo Como implementar cobertura de testes no Cypress | Alura

  3. 3 Escrevendo testes e isolando bibliotecas de terceiros

    Nesse passo da formação você vai aprender a testar aplicativos React usando várias ferramentas e técnicas avançadas. Além disso, você terá a oportunidade de dar os primeiros passos em testes usando TDD e TypeScript, que são técnicas cruciais para garantir que os aplicativos funcionem corretamente e sem erros.

    Através desses recursos e habilidades, você estará preparado para criar aplicativos React robustos e confiáveis, que oferecem segurança ao adicionar novas funcionalidades.

    • Curso React: testando um projeto com bibliotecas externas

      08h
      • Entenda como o jest recomenda a configuração de mocks de bibliotecas externas
      • Aprenda como funciona a configuração de Wrappers como BrowserRouter e Provider dentro do React Testing Library
      • Realize testes totalmente práticos em um projeto real e robusto com bibliotecas externas
      • Saiba como configurar ambiente de testes em diferentes cenários, para que isso nunca mais seja um problema para você
      • Utilize testes úteis baseado em cada biblioteca externa mencionada e utilizadas
    • Podcast Estado do ecossistema React 2023 – Hipsters Ponto Tech #354

    • Curso React: testando os seus componentes

      10h
      • Implemente testes que garantem o comportamento dos componentes
      • Utilize o Jest para realizar asserções
      • Descreva a técnica TDD
      • Explique os diferentes tipos de testes
      • Reconheça os benefícios dos testes
    • Artigo React e Context API: testes de unidade | Alura

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas