Cypress Tips February 2024

New course announcement 🎓🎉 plus a few new videos 📺

New Course: Cypress And GitHub Copilot 🎓🤖

I have been using GitHub Copilot since its beta release days (my GitHub star status gave me early access). I had to stop using it while Mercari US reviewed its legal ramifications for the company’s code. We are now allowed to use GH Copilot, which is great. As I was using Copilot in my testing, I noticed that the quality of Copilot’s suggestions can vary greatly. I looked into how to improve the quality of AI-generated code. I even decided to record a series of video lessons showing how I use Copilot when writing Cypress tests. A new course was born and is now available at cypress.tips/courses/cy-copilot

Use Copilot as your robotic brain when writing end-to-end tests

Take a look at the list of lesson titles to get an idea of what I show:

• Lesson a1: Ask GitHub Chat to help install Cypress

• Lesson a2: Install Prettier and start-server-and-test

• Lesson a3: Use Copilot to write source code

• Lesson a4: Use Copilot to write unit tests

• Lesson a5: Guide Copilot to write Cypress end-to-end tests

• Lesson a6: Test adding todos

• Lesson a7: Test deleting todos

• Lesson a8: Spy on network calls

• Lesson a9. Stub network calls

• Lesson b1: Modify the existing code in place

• Lesson b2: Fix the code problems in place

• Lesson b3: Document your code

• Lesson b4: Produce DRY code

• Lesson b5: Write a Page Object

As always, if I get more ideas or questions from students, I will add more lessons to the course.

Bonus: it is leap year February, so you deserve a discount for buying a course, use LEAP2024 to get 10% off any course price. Valid until the end of February.

New blog posts and videos 📝📺

• 📝 Cypress Flakiness Examples

• 📝 Use Cypress For API Testing

• 📝 Quickly Run The Changed Specs on GitHub Actions

• 📺 Query Multiple Elements In Order

• 📺 Element's Text Becomes Stable

• 📺 Split The cy.within Block

• 📺 Select An Option Manually By Setting An Attribute

• 📺 Input Element Value

• 📺 Checkbox Input Element Value

• 📺 Cut Cypress Execution In Half By Running Tests In Parallel Using cypress-split And GitHub Actions

• 📺 Simplify Cypress Parallel Workflow With A Reusable cypress-split Workflow

• 📺 Use cy.second and cy.third Commands

• 📺 Remove Class From Sampled Elements

• 📺 Click In Parallel

• 📺 Quick Toast Test

If I may suggest just one thing from the above list, it is the blog post Use Cypress For API Testing I guarantee, it will be useful to everyone writing Cypress tests. As always, the blog posts and videos are added to the search index and are searchable from https://cypress.tips/search.

Top ten mistakes

I really enjoyed this blog post “10 Mistakes to Avoid When Using Cypress” by Yevhen Laichenkov. You might enjoy my blog posts “Cypress Tips and Tricks” and the follow-up “Cypress v10 Tips and Tricks“.