Cypress Foundations Course

Cypress Foundations – Course Repository Instructor: Adhithi Ravichandran

🔗 Course link: Cypress Foundations Full Course

🔗 Repository: https://github.com/adhithiravi/Cypress-Foundations-Course

---

📚 Course Overview

End-to-end testing can be tricky in modern web applications, but Cypress makes it easier and more reliable. This course will teach you how to set up, write, and debug Cypress tests for real-world web applications with confidence.

You’ll learn:

• Introduction to Cypress and its unique features
• Installing Cypress and setting up your environment
• Writing your first tests for realistic user journeys
• Handling asynchronous behavior and smart waiting
• Using Cypress features like spies, stubs, and clocks

All examples in this course use Bethany’s Pie Shop, a React application built with Next.js.

---

🚀 Getting Started

Prerequisites

• Node.js v18.8.0 or newer installed on your system

Installation Steps

1. Clone the repo

git clone https://github.com/adhithiravi/Cypress-Foundations-Course.git
cd Cypress-Foundations-Course

2. Install dependencies

npm install

3. Run the development server

npm run dev

Open http://localhost:3000 in your browser to view the app.

---

🧪 Running Cypress Tests

To open the Cypress test runner:

npm run cy:open

This command launches the Cypress UI for running your tests interactively.

---

🌳 Branch Structure

This repository uses branches based on the course modules:

• Each module has a starter branch with initial code
• Each module also has a complete branch with completed code

✅ Main branch contains all the completed code for the entire course.

---

📦 Scripts

From package.json, available scripts include:

Script	Description
npm run dev	Runs the Next.js development server
npm run build	Builds the Next.js application
npm start	Starts the Next.js production server
npm run lint	Runs ESLint on the project
npm run cy:open	Opens the Cypress Test Runner

---

🔧 Technologies Used

• Next.js v15
• React v19
• Tailwind CSS
• TypeScript
• Cypress v14

---

🎯 Course Objectives

By the end of this course, you will be able to:

• Confidently write and run Cypress end-to-end tests
• Handle asynchronous behavior with smart waiting strategies
• Debug failing tests effectively using Cypress features
• Integrate Cypress tests into your existing React or Next.js projects

---

👩‍💻 About the Instructor

Adhithi Ravichandran is a Software Consultant, Author, and Speaker. 🌐 adhithiravichandran.com | LinkedIn

---