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 (optional)

Getting Started

In order to get the code and install dependencies

git clone https://github.com/mdcruz/atd-introduction-to-cypress.git
cd atd-introduction-to-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

cd atd-introduction-to-cypress
npm run cy:open

Viewing the slides locally

If you want to view the slides locally, open another terminal window and then type:

cd atd-introduction-to-cypress
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 🎉

mdcruz / atd-introduction-to-cypress