Cypress Testing Workshop

An example repo containing a Todo application and exercise files to get started and/or increase your knowledge with Cypress. This was originally forked from Cypress' testing-workshop-cypress repo.

Requirements

Any computer: Mac, Windows, Linux
Text Editor or IDE of choice (preferably VS Code)
Node 16.15.0+ (LTS)
git
CircleCI account

Getting Started

In order to get the code and install dependencies

git clone https://github.com/mdcruz/cypress-testing-workshop.git
cd testing-workshop-cypress
npm install

If necessary, install dependencies inside TodoMVC folder

cd todomvc
npm install

Starting the Todo Application

cd todomvc #if you're not in todomvc folder yet, otherwise ignore this
npm start

and you should see in the terminal

> json-server --static . data.json --middlewares ./node_modules/json-server-reset


  \{^_^}/ hi!

  Loading data.json
  Loading ./node_modules/json-server-reset
  Done

  Resources
  http://localhost:3001/todos

  Home
  http://localhost:3001

Starting the Cypress Test Runner

Open another terminal window and then type

npm run cy:open

Viewing the slides locally

If you want to view the slides locally, open another terminal window, go to the cypress-testing-workshop directory and then type

npm run slides:build
npm run slides:dev

To access the slides, navigate to http://localhost:3000

Workshop Credits

Huge thanks to the Cypress team especially the code contributors for creating a workshop template 🎉