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 é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.

  • Vinicios Neves

    Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.

  • Luiz Fernando Ribeiro

  • Luiz Fernando Ribeiro

  • Vinicius Dias

    Zend Certified Engineer (Engenheiro PHP Certificado pela Zend), iMasters Certified Professional, desenvolvedor Full Stack, formado em Tecnologia da Informação e amante de boas práticas de desenvolvimento, sempre tento aplicar a regra do bom escoteiro nos códigos: Sempre deixe o local mais limpo do que quando você o encontrou.

  • Vinicius Dias

    Zend Certified Engineer (Engenheiro PHP Certificado pela Zend), iMasters Certified Professional, desenvolvedor Full Stack, formado em Tecnologia da Informação e amante de boas práticas de desenvolvimento, sempre tento aplicar a regra do bom escoteiro nos códigos: Sempre deixe o local 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 hoje mesmo os cursos de Melhore sua aplicação React com testes automatizados. Matricule-se agora!

Plus

De
R$ 1.800
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas