Cypress workshop

👋 hello!

This repo contains a workshop to teach you about getting started with the Cypress testing framework.

Learning Outcomes

• Create your first ever Cypress test
• How to automate a user journey
• Produce tests the right way using the ‘Cypress Testing Library’

System Requirements

• git v2 or greater
• NodeJS v12 or greater
• npm v6 or greater

If you do not have Node installed and are running on Mac or Linux, I advise the use of nvm

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

Setup

After you've made sure to have the correct things (and versions) installed, you should be able to just run a few commands to get set up:

$ git clone https://github.com/podrob/cypress-workshop.git
$ cd cypress-workshop

Running the code

Open up this repo in your favourite editor. Run npm install once to get the dependencies.

Exercises

Once you have successfully installed dependencies the first exercise can be found in /src/exercises/01.md

Work your way through the exercises sequentially. The solutions are available in /src/solutions but don't be tempted to look before you try them for yourself, otherwise you are stealing your own learning.

Schedule

• 🎙 Logistics
• 🎙 What is Cypress?
• 💪 Testing an existing app
• 💡 Introducing Cypress Testing Library
• ❓ Q&A

Questions

Please do ask! Interrupt me. If you have an unrelated question, please send me it on Slack/Gather/Meet.

Gather (for remote workshops)

• Help us make this more human by keeping your video on if possible
• Keep microphone muted unless speaking