{"id":14967427,"url":"https://github.com/jalussa-santos/cypress-example","last_synced_at":"2025-10-25T19:31:00.486Z","repository":{"id":48448873,"uuid":"354170404","full_name":"jalussa-santos/cypress-example","owner":"jalussa-santos","description":"Projeto de treinamento de cypress do nível básico ao avançado e com teste de regressão visual","archived":false,"fork":false,"pushed_at":"2021-08-10T00:59:13.000Z","size":627,"stargazers_count":21,"open_issues_count":2,"forks_count":9,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-31T10:11:35.182Z","etag":null,"topics":["cypress","cypress-localstorage-commands","cypress-plugin-snapshots","fakerjs","ferramenta-cypress","javascript","mochajs","percy"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jalussa-santos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-04-03T01:11:26.000Z","updated_at":"2024-11-29T19:20:49.000Z","dependencies_parsed_at":"2022-08-24T05:51:02.930Z","dependency_job_id":null,"html_url":"https://github.com/jalussa-santos/cypress-example","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jalussa-santos%2Fcypress-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jalussa-santos%2Fcypress-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jalussa-santos%2Fcypress-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jalussa-santos%2Fcypress-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jalussa-santos","download_url":"https://codeload.github.com/jalussa-santos/cypress-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238200888,"owners_count":19433121,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cypress","cypress-localstorage-commands","cypress-plugin-snapshots","fakerjs","ferramenta-cypress","javascript","mochajs","percy"],"created_at":"2024-09-24T13:38:02.696Z","updated_at":"2025-10-25T19:31:00.083Z","avatar_url":"https://github.com/jalussa-santos.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![pipeline status](https://github.com/jalussa-santos/cypress-example/actions/workflows/cypressExemploCi.js.yml/badge.svg)](https://github.com/jalussa-santos/cypress-example/actions)   [![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/fa97d80b/exemplo-cypress-percy)\n\n# cypress-example\n\u003e Projeto para desenvolver habilidades na ferramenta cypress. Veja mais informações das lições aprendidas na [Wiki](https://github.com/jalussa-santos/cypress-example/wiki)\n\n## Como usar\n* [Instalação](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#Instalação)\n    * [Tecnologias](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#Tecnologias)\n    * [Clone](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#Clone)\n    * [Execução na interface](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#execu%C3%A7%C3%A3o-na-interface)\n    * [Execução modo headless](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#execu%C3%A7%C3%A3o-modo-headless)\n    * [Integração contínua](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#integra%C3%A7%C3%A3o-cont%C3%ADnua)\n* [Exemplos](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#Exemplos)   \n* [Time](https://github.com/jalussa-santos/cypress-example/blob/main/README.md#Time)\n\n### Instalação\n\n\u003e### Tecnologias\n\n* **Nível básico**\n    * NodeJS\n    * NPM\n    * JavaScript\n    * Cypress\n    * Mocha  \n\n* **Nível Intermediário**\n    * Faker\n\n* **Nível Avançado**\n    * Faker\n    * Cypress localStorage\n    * Standardjs\n\n* **Teste de regressão visual**\n    * Percy\n\n###### Não possui nenhuma ferramenta na máquina? Ou quer saber mais sobre as ferramentas, veja mais informações em  [Tecnologias para execução do nível básico](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-do-n%C3%ADvel-b%C3%A1sico#tecnologias-para-execu%C3%A7%C3%A3o-do-cypress), [Tecnologias para execução do nível intermediário](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-do-n%C3%ADvel-intermedi%C3%A1rio#tecnologias-para-execu%C3%A7%C3%A3o) e [Tecnologias para execução de teste de regressão visual](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-de-testes-de-regress%C3%A3o-visual#tecnologias-para-execu%C3%A7%C3%A3o)\n\n\u003e### Clone\n\nClone este repositório para sua máquina local usando comando abaixo:\n\n\n```\n$ git clone https://github.com/jalussa-santos/cypress-example.git\n```\n\n\u003e### Execução na interface\n\nAcessar a raiz do repositório\n```\n$ cd /{diretorio}/cypress-example\n```\nExecute comando para instalar as dependências listadas na seção de `devDependencies` do arquivo `package.json`\n\n```\nnpm install\n```\n\nExecute comando para abrir a UI do cypress\n```\nnpx cypress open\n```\n\nNa UI do cypress\n```\n- Clicar em \u003c/\u003e Tests\n- Clicar em Integration tests\n- Clicar em exampleBasico\n- Clicar em tickets.spec.js\n```\n\n\u003e### Execução modo headless \n\nAcessar a raiz do repositório\n```\n$ cd /{diretorio}/cypress-example\n```\nAbrir o ```git bash```\nExecute comando \n```\nnpm test\n```\n###### Este comando irá executar o comando ``` cypress run ``` configurado em scripts do ``` package.json ```. Veja mais em [Linhas de comando](https://docs.cypress.io/guides/guides/command-line#Commands)\n\n\u003e### Integração Contínua\n\n\n* [Configuração do yml](https://gitlab.com/jalussa.santos/cypress-example/-/blob/master/.gitlab-ci.yml) para execução do cypress no Gitlab-ci. \n###### Veja mais na Wiki [Configurações Gitlab-CI](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-do-n%C3%ADvel-b%C3%A1sico#configura%C3%A7%C3%B5es-gitlab-ci)\n\n* [Configuração do yml](https://github.com/jalussa-santos/cypress-example/blob/main/.github/workflows/node.js.yml) para execução do cypress no Github Actions. \n\n###### Veja mais na Wiki [Configurações Github Actions](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-do-n%C3%ADvel-b%C3%A1sico#configura%C3%A7%C3%B5es-github-actions)\n\n###### Veja mais na Wiki [Integração contínua - Nível intermediário](https://github.com/jalussa-santos/cypress-example/wiki/Aprendizados-do-n%C3%ADvel-intermedi%C3%A1rio#integra%C3%A7%C3%A3o-cont%C3%ADnua)\n\n### Exemplos\n\n* **Nível básico**\n\n    * [Acessar URL](https://github.com/jalussa-santos/cypress-example/issues/3)\n    * [Preencher campo de texto](https://github.com/jalussa-santos/cypress-example/issues/4)\n    * [Interagir com selectbox](https://github.com/jalussa-santos/cypress-example/issues/5)\n    * [Interagir com radiobutton](https://github.com/jalussa-santos/cypress-example/issues/6)\n    * [Interagir com checkbox](https://github.com/jalussa-santos/cypress-example/issues/7)\n    * [Criar assertions](https://github.com/jalussa-santos/cypress-example/issues/8)\n    * [Interagir com button](https://github.com/jalussa-santos/cypress-example/issues/9)\n    * [Teste end-to-end](https://github.com/jalussa-santos/cypress-example/issues/9)\n    * [Criar comandos customizados](https://github.com/jalussa-santos/cypress-example/issues/16)\n\n* **Nível Intermediário**\n\n    * [Usando faker](https://github.com/jalussa-santos/cypress-example/issues/31)\n    * [Usando autocomplete](https://github.com/jalussa-santos/cypress-example/issues/31)\n    * [Interagindo com a URL](https://github.com/jalussa-santos/cypress-example/issues/31)\n    * [Indentificando elemento com contains](https://github.com/jalussa-santos/cypress-example/issues/31)\n    * [Utilizando request do cypress para teste de api](https://github.com/jalussa-santos/cypress-example/issues/33)\n    * [Otimizando teste de GUI com chamada a api nas pré-condições](https://github.com/jalussa-santos/cypress-example/issues/34)\n    * [Teste de GUI com muitas pré-condições](https://github.com/jalussa-santos/cypress-example/issues/35)\n    * [Interagindo com execução a nível de sistema](https://github.com/jalussa-santos/cypress-example/issues/36)\n    * [Realizando leitura de arquivo](https://github.com/jalussa-santos/cypress-example/issues/36)\n\n* **Nível Avançado**\n    * [Interceptando solicitações e respostas](https://github.com/jalussa-santos/cypress-example/issues/70)\n    * [Repetição de execução da função/teste](https://github.com/jalussa-santos/cypress-example/issues/70)\n    * [Teste com simulação de erro de servidor e de rede](https://github.com/jalussa-santos/cypress-example/issues/72)\n    * [Testando independente api](https://github.com/jalussa-santos/cypress-example/issues/74)\n    * [Selecionando elementos de forma mais específica](https://github.com/jalussa-santos/cypress-example/issues/79)\n    * [Lendo o localStorage do navegador](https://github.com/jalussa-santos/cypress-example/issues/81)\n    * [Simulando um atraso na chamada à API](https://github.com/jalussa-santos/cypress-example/issues/83)\n    * [Validando requisições em cache](https://github.com/jalussa-santos/cypress-example/issues/85)\n    * [Análise de código e refatoração com standardjs](https://github.com/jalussa-santos/cypress-example/issues/88)\n\n\n* **Teste de regressão visual**\n\n    * [Criando snapshot](https://github.com/jalussa-santos/cypress-example/issues/49)\n    * [Exemplo de validação de estados da aplicação](https://github.com/jalussa-santos/cypress-example/issues/51)\n    * [Controlando a renderização](https://github.com/jalussa-santos/cypress-example/issues/53)\n    * [Execução na pipeline Github](https://github.com/jalussa-santos/cypress-example/issues/56)\n    * [Execução na pipeline Gitlab](https://github.com/jalussa-santos/cypress-example/issues/62)\n    * [Integração com cypresspluginsnapshots](https://github.com/jalussa-santos/cypress-example/issues/58)\n\n\n### Time\n\n\u003e Jalussa dos Santos | [Linkedin](https://www.linkedin.com/in/jalussa/) | [Github](https://github.com/jalussa-santos) | [Gitlab](https://gitlab.com/jalussa.santos)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjalussa-santos%2Fcypress-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjalussa-santos%2Fcypress-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjalussa-santos%2Fcypress-example/lists"}