https://github.com/feroline/demoqa-automation-cypress

Test automation of Elements, Forms, Alerts, Frame, Windows, Widgets, interactions e Book Store Application with Cypress, Continuous Integration and Page Object Model
https://github.com/feroline/demoqa-automation-cypress

automation ci continuous-integration cypress page-object-model pom typescript

Last synced: 4 months ago
JSON representation

Test automation of Elements, Forms, Alerts, Frame, Windows, Widgets, interactions e Book Store Application with Cypress, Continuous Integration and Page Object Model

• Host: GitHub
• URL: https://github.com/feroline/demoqa-automation-cypress
• Owner: feroline
• Created: 2024-06-28T12:34:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-31T01:34:56.000Z (9 months ago)
• Last Synced: 2025-07-06T23:38:39.949Z (5 months ago)
• Topics: automation, ci, continuous-integration, cypress, page-object-model, pom, typescript
• Language: TypeScript
• Homepage: https://demoqa.com/
• Size: 10.9 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Automação do site demoQA com Cypress

![Static Badge](https://img.shields.io/badge/status-Status?style=for-the-badge&label=Em%20Andamento&labelColor=yellow&color=black)

[![cypress](https://img.shields.io/badge/-cypress-%23E5E5E5?style=for-the-badge&logo=cypress&logoColor=058a5e)](https://www.cypress.io/)

[![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](https://typescriptlang.org)

[![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/)

[![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)](https://docs.github.com/en/actions)

[![demoQA-automation-Cypress](https://img.shields.io/endpoint?url=https://cloud.cypress.io/badge/detailed/ae3bmi/main&style=for-the-badge&logo=cypress)](https://cloud.cypress.io/projects/ae3bmi/runs)

Este projeto tem o intuito de aplicar e ampliar o conhecimento em automação de testes E2E com Cypress e Typescript utilizando o Modelo de Objeto de Página(POM) e Continuous Integration.

A automação foi realizada no site [demoQA](https://demoqa.com/), no qual contém Elements, Forms, Alerts, Frames & Windows, Widgets, Interactions e uma aplicação Book Store para treinamento de testes.

## Começando

As instruções abaixo fornecem uma cópia do projeto, permitindo que seja executado em sua máquina local.

## Pré-requisitos

Requisitos para as ferramentas

- [Node.js](https://nodejs.org/en)

- [NPM](https://www.npmjs.com/)

- [Typescript](https://www.typescriptlang.org/)

## Instalando

- Clone o repositório para seu diretório de preferência.

  Se você não sabe como clonar um repositório, clique [aqui ](https://docs.github.com/pt/repositories/creating-and-managing-repositories/cloning-a-repository)

- Dentro do projeto, execute o comando `npm install` para baixar todas as dependências.

- Para abrir o Cypress e executar os testes localmente com visão dos testes pelo navegador execute o comando `npm run cy:open`

- Para executar os testes localmente, sem abrir o Cypress e abrir o navegador, sendo apenas terminal execute o comando `npm run cy:run`

- Para executar os testes com Integração Continua, será necessário realizar um fork do projeto pelo github e configurar as Actions no github, adicionando também o `projectId` no arquivo de configuração `\cypress.config.ts`. Os testes serão executados a cada push na branch main e pull request para main.

## Autores

- **Ana Carolina Rodrigues Rocha** - _QA Analista de Teste_ -

  [linkedin](https://www.linkedin.com/in/anacarolinarodriguesrocha/)

## Referências

- [Tips for Healthy Page Object Classes](https://angiejones.tech/page-object-model/) - por Angie Jones

- [Github Action - Cypress](https://github.com/marketplace/actions/cypress-io)