{"id":18798595,"url":"https://github.com/liteobject/react-testing-with-cypress","last_synced_at":"2026-03-04T08:31:28.598Z","repository":{"id":209497355,"uuid":"724167110","full_name":"LiteObject/react-testing-with-cypress","owner":"LiteObject","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-05T19:05:04.000Z","size":3163,"stargazers_count":0,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T14:35:33.841Z","etag":null,"topics":["cypress","react","reactjs","test-automation","testing"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/LiteObject.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-27T14:30:38.000Z","updated_at":"2023-11-27T16:40:31.000Z","dependencies_parsed_at":"2023-11-27T17:47:55.677Z","dependency_job_id":"80f0f330-a38a-44f1-bef4-835cc19fa170","html_url":"https://github.com/LiteObject/react-testing-with-cypress","commit_stats":{"total_commits":18,"total_committers":2,"mean_commits":9.0,"dds":"0.11111111111111116","last_synced_commit":"5c2fcd7b8b632e13e78d6cd53a741c7ab9d4ccab"},"previous_names":["liteobject/react-testing-with-cypress"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LiteObject/react-testing-with-cypress","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiteObject%2Freact-testing-with-cypress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiteObject%2Freact-testing-with-cypress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiteObject%2Freact-testing-with-cypress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiteObject%2Freact-testing-with-cypress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LiteObject","download_url":"https://codeload.github.com/LiteObject/react-testing-with-cypress/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiteObject%2Freact-testing-with-cypress/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30076854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-04T08:01:56.766Z","status":"ssl_error","status_checked_at":"2026-03-04T08:00:42.919Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","react","reactjs","test-automation","testing"],"created_at":"2024-11-07T22:12:27.052Z","updated_at":"2026-03-04T08:31:28.568Z","avatar_url":"https://github.com/LiteObject.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Getting Started with Create React App\n\n## Install Cypress\n    npm install cypress --save-dev\n\n\u003eMake sure that you have already run `npm init` or have a _node_module_ folder or _package.json_ file in the root of your project to ensure cypress is installed in the correct directory.\n\n## Update `tsconfig.json` to avoid compile errors\n\n    {\n        \"compilerOptions\": {        \n            \"types\": [\"node\", \"cypress\"],\n             ...\n            \"include\": [\"src\", \"cypress\"]\n        }        \n    }   \n\n## Run Cypress\n    npx cypress open\n\n## Run Cypress headlessly\n    npx cypress run\n    npx cypress run --browser chrome\n    npx cypress run --component\n\n## Cypress Commands\n\n### Parent Commands\nParent commands begin a new chain of Cypress commands\n\n- `cy.visit('http://localhost:6006')`\n- `cy.get('form')`\n- `cy.request('http://localhost/list')`\n- `cy.exec('npm run build')`\n- `cy.route('/users/**')`\n\n### Child Commands\nChained off a parent command, or another child command\n\n- `cy.get('[data-testid=username]').click()`\n- `cy.get('[data-testid=username]').type(username)`\n- `cy.get('.article').find('footer')`\n- `cy.contains('Login').should('be.visible')`\n\n### Dual Commands\nCan either start a chain or be chained off an existing one\n\n- `cy.contains()`\n- `cy.screenshot()`\n- `cy.scrollTo()`\n- `cy.wait()`\n\n---\n\n## What is Continuous Testing?\n- Tests run in a Continuous Integration (CI) environment.\n- Tests are triggered by source control events.\n- Tests run against new code changes.\n- Tests run against a production-like preview environment.\n\n## Why Run Browser Tests Continuously?\n- Increasing confidence in our code. By running tests in an automated fashion, we can test multiple devices and platforms at once.\n- It helps catch issues before users run into them.\n- We can test against pre-release versions.\n- It scales better than manual testing.\n\n---\n\n## Pipeline Flow\n\n---\n## To run Cypress in a container and use e2e spec file from the React app depends on how you've set up your Docker environment. Here are two options:\n\n### Option 1: Using docker-compose:\nIf you're using docker-compose to manage your Docker environment, you can run the following command to run Cypress tests and specify your e2e spec file:\n\n    docker-compose run cypress run --spec \"cypress/e2e/*.spec.*\"\n\n### Option 2: Running Cypress directly in a container:\n\n---\n\n## Basic Docker Commands\n\n### Build the Docker image\n    docker build -t react-testing-with-cypress:latest .\n\n### Run the Docker container\n    dodcker run -p 3000:3000 react-testing-with-cypress:latest\n\n### Run the Docker containers\n    docker-compose build up\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliteobject%2Freact-testing-with-cypress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliteobject%2Freact-testing-with-cypress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliteobject%2Freact-testing-with-cypress/lists"}