wpscholar / cypress-testing-workshop

Cypress Testing Workshop

Agenda

• Introduction to Cypress
• Writing Your First Test
• Best Practices
• Testing a Real App
• Cypress Plugins
• Digging Deeper

Prerequisites

• Node >= 18
• Chrome
• VS Code
• Git

Set Up

• Create a folder
• Open terminal in folder
• Run npm init
• Run npm install cypress --save-dev
• Run npx cypress open

Writing Your First Test

Our goals:

• Use the starter spec that visits example.cypress.io
• Find the word "type" on the page
• Click it to visit the /commands/actions page.
• Get the email input field
• Type [e-mail] in the field
• Validate that the value of the email field is [e-mail]

Resources:

• View step-by-step changes
• View Cypress walk-through

Google Search Challenge

Goals:

• Visit google.com
• Type wpscholar in the search box
• Submit search
• Validate that a result containing wpscholar.com exists
• Click the result
• Validate that the URL is wpscholar.com

Resources:

• View step-by-step changes

Resources

• Todo App - This is what we'll be testing
• Slides