cypress-react-component-test-examples - GitLite

KO | EN

gitlite — search

#react #golang #android #rust #nodejs #macos #java #awesome #vue #awesome-list #security #pytorch #mcp #openai

cypress-react-component-test-examples

(★ 89)

Over 365 Cypress component testing examples with React

File Explorer

Download Latest Version (.zip)

- - main.yml
  - merge-gatekeeper.yml
- settings.json
- - sanity.spec.ts
  - win-location-assign.spec.ts
- - example.json
  - products.json
- - commands.ts
  - component-index.html
  - component.tsx
  - e2e.ts
- index.d.ts
- tsconfig.json
- favicon.ico
- index.html
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- App.css
- App.test.tsx
- App.tsx
- index.css
- index.tsx
- logo.svg
- react-app-env.d.ts
- reportWebVitals.ts
- setupTests.ts
.env
.gitignore
.nvmrc
.prettierrc
cypress.config.ts
index.html
package.json
README.md
renovate.json
tsconfig.json
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Cypress React Component Test Examples

[![cypress-react-component-test-examples](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/detailed/62pyqm/master&style=flat&logo=cypress)](https://dashboard.cypress.io/projects/62pyqm/runs)

This repo started as a practice project, replicating & reviving old Cypress React component tests, hidden in the main Cypress repo.
As time passed, new examples were added and are still being added with Cypress 10. It can be used as a starting point for new tests, showing working examples.

```bash
nvm use
yarn install --registry https://registry.yarnpkg.com # specify the registry in case you are using a proprietary one

# e2e
yarn start # start the server
yarn cy:open # for cypress e2e test runner
yarn cy:run # headless version

# component
# no need to have server running for these:
yarn cy:open-ct # for cypress component test runner
yarn cy:run-ct # headless version
```

## CI setup: multi stage caching using Github Actions

```
build  -->  lint
       -->  type check
       -->  Cypress e2e tests
       -->  Cypress component tests
```