This project is designed to perform end-to-end tests of a login form built with React using Cypress. It covers core test scenarios such as form validation, user interactions, and error handling.
| Layer | Technology |
|---|---|
| UI | React + Vite |
| Styling | Bootstrap + Reactstrap |
| Testing | Cypress |
The following scenarios are tested using Cypress:
- ✅ Successful login with a valid email and password
- 📧 Login attempt with an invalid email
- ❌ Failed login with invalid email and password
- 📋 Login attempt without accepting the terms and conditions
These tests aim to ensure that the login form behaves correctly and that user validations are properly handled.
cypress-test-app/
├── cypress/ # Cypress test files
│ ├── e2e/ # End-to-end tests (Login.cy.js)
│ ├── fixtures/ # Test data (example.json)
│ └── support/ # Cypress support files (commands, configurations)
├── src/ # React components
│ ├── components/ # Login and Success components (Login.jsx, Success.jsx)
│ ├── App.jsx # Root component
│ ├── index.css # Global styles
│ └── main.js # Application entry point
├── index.html # HTML template
├── package.json # Dependencies and scripts
├── package-lock.json
├── vite.config.js
├── cypress.config.js # Cypress configuration
├── eslint.config.js
├── .gitignore
├── LICENSE
└── README.md
- Install dependencies:
npm install- Start the application:
npm run dev- Launch the Cypress test runner:
npx cypress openThis project is licensed under the MIT License.
See the LICENSE file for details.