https://github.com/jveiiga/project-react-unit-testing

🚀⠀Projeto criado na maratona @Rocketseat com @diego3g.
https://github.com/jveiiga/project-react-unit-testing

Last synced: 3 months ago
JSON representation

🚀⠀Projeto criado na maratona @Rocketseat com @diego3g.

• Host: GitHub
• URL: https://github.com/jveiiga/project-react-unit-testing
• Owner: jveiiga
• Created: 2022-02-22T21:40:30.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-25T20:35:54.000Z (over 3 years ago)
• Last Synced: 2025-01-02T07:20:26.877Z (5 months ago)
• Language: HTML
• Homepage:
• Size: 143 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Project React Unit Testing - Projeto criado na maratona Rocketseat 🚀



  



A maratona Rocketseat é gratuita, voltada para profissionais, estudantes e para todo mundo que quer aprender mais sobre front-end e programação. O projeto é uma renderização simples de alguns elementos HTML, criado com React e Vitejs para executar alguns tipos de testes que são cotidianos em aplicações. 

 

## 💻 Linguagens e tecnologias utilizadas

 

   

 

   

  

            

   

   

  

## Finalidade dos estudos 

  - Aprender sobre testes em projeto React;

  - Aprender sobre testes de busca com get (buscas com get, caso ocorra de não encontrar o elemento o teste falhará);

  - Aprender sobre testes de busca com query (buscas por queries não falham caso ocorra do elemento não ser encontrado);

  - Aprender sobre testes tests de busca com find (buscas semelhantes ao método get, caso não ocorra de encontrar o elemento em tela ele espera que elemento         apareça);

## Instalação

    - Clonar repositorio

    $ git clone https://github.com/jveiiga/project-react-unit-testing && cd project-react-unit-testing

    - Instalar dependencias

 

    $ npm i (instalar dependências NPM)

    $ npm i jest -D (instalar dependências jest)

    $ npx jest --init (iniciar jest)

    $ npm i @types/jest -D (instalar dependências para o jest interpretar o type script)  

    $ npm i ts-node -D (instalar dependêcias typescript node)

    $ npm i @swc/core @swc/jest -D (para o jest interpretar o react)

    $ npm i @testing-library/react @testing-library/jest-dom @testing-library/user-event -D 

    - Rodar aplicativo

    $ npm run dev

## 👨‍🏫 Instrutor

- Diego Fernandes 

## 📚 Pesquisar/Aprender

  - Entender melhor sobre libs de testes;

  - Aprender melhor sobre quando usar get, query e find;

  - Estudar documentação test library e swc/core;

  - Aprender mais sobre como manipular os eventos do DOM em testes;

  

## 📚 Desafios

    - [x] Testes no DOM;

    - [x] debug;

    - [x] rerender com new prop;

    - [x] FireEvent;

    - [x] Teste de ações assíncronas;

## 📂 Referencias

  

    Decode #012

      - Testing Library 


      - SWC/CORE