Skip to content
This repository has been archived by the owner on Jul 5, 2023. It is now read-only.
/ react-cypress Public archive

Exemplificação de testes de componente em React.js testado com Cypress.

Notifications You must be signed in to change notification settings

mdccg/react-cypress

Repository files navigation

react-cypress

Sumário

Motivação

O seguinte app foi feito em sala de aula apenas para exemplificar o teste de componente do framework Cypress e depois combiná-lo com um teste de ponta a ponta.

Este foi o segundo repositório de código apresentado no Curso Superior de TSI do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Construção de Páginas Web IV.

← Repositório anterior Próximo repositório →

Pilha de tecnologia

As seguintes tecnologias foram utilizadas para desenvolver este app:

Papel Tecnologia
Ambiente de execução Node
Linguagem de programação TypeScript
Biblioteca de interface de usuário React
Empacotador de módulos Vite
Framework de teste Cypress

Galeria

Tela principal do app

Como rodar

Pré-requisitos

Passo a passo

  1. Clone o repositório de código em sua máquina;

  2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);

  3. Instale as dependências do projeto através do seguinte comando:

$ npm install

Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:

$ yarn
  1. Execute o seguinte comando para iniciar o app:

Para npm:

$ npm run dev

Para Yarn:

$ yarn dev
  1. Execute o Cypress através do seguinte comando:

Para npm:

$ npm run cy:open

Para Yarn:

$ yarn cy:open
  1. O comando acima abrirá uma janela do Cypress solicitando que selecione o tipo de teste: E2E (teste de ponta a ponta) e Component (teste de componente). Selecione a opção desejada;

  2. Selecionada a opção desejada, será solicitado que selecione um navegador web para executar os testes. É recomendado selecionar o navegador Electron, pois o mesmo foi desenvolvido pelo time do framework Cypress e contém ferramentas integradas que podem colaborar com a escrita dos testes unitários;

  3. Selecionado o navegador web, os testes unitários, seja de ponta a ponta ou de componente, serão apresentados por diretório para que você os selecione para que sejam executados.

About

Exemplificação de testes de componente em React.js testado com Cypress.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published