https://github.com/eugeniusms/cypress

Repository for testing research on React applications using Cypress.
https://github.com/eugeniusms/cypress

cypress react research testing typescript yarn

Last synced: 4 days ago
JSON representation

Repository for testing research on React applications using Cypress.

• Host: GitHub
• URL: https://github.com/eugeniusms/cypress
• Owner: eugeniusms
• Created: 2023-08-16T06:24:31.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-16T06:53:25.000Z (over 1 year ago)
• Last Synced: 2024-01-27T02:03:33.025Z (12 months ago)
• Topics: cypress, react, research, testing, typescript, yarn
• Language: JavaScript
• Homepage:
• Size: 1.57 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Testing with Cypress

## Getting Started

- Run `yarn` to install dependencies

- Run `yarn start` to start the app

## Initial Cypess Setup

- Read the documentation https://docs.cypress.io/guides/component-testing/react/overview

- Run `yarn add cypress -D` to install Cypress

- Open Cypress with `yarn cypress open`

- Welcome to Cypress! ![Welcome to Cypress](./public/assets/images/00-welcome-to-cypress.png)

- If you click End-to-end Testing ![End-to-end Testing](./public/assets/images/01a-e2e-testing.png)

- This is what you will see ![End-to-end Testing Chrome](./public/assets/images/02a-e2e-testing-chrome.png)

- If you click Component Testing ![Component Testing](./public/assets/images/01b-component-testing.png)

- You must install dependencies and configuration files in Cypress

![Component Testing Install Dependencies](./public/assets/images/02b-component-testing-install-dependencies.png)

![Component Testing Configuration Files](./public/assets/images/03b-component-testing-configuration-files.png)

- Then, choose the browser you want to use for testing

![Component Testing Choose Browser](./public/assets/images/04b-component-testing-choose-browser.png)

- This is what you will see ![Component Testing Chrome](./public/assets/images/05b-component-testing-chrome.png)