Cypress Tips July 2024

Plugins, blog posts, and a change in direction from Replay.io ↩️

New Videos And Blog Posts 📺

• 📝 How To Pick Cypress Plugins You Can Trust should help you decide if using 3rd-party testing plugins is a good idea.

• 📝 Testing Pseudo-elements Using Cypress shows how to test ::before and ::after HTML pseudo-elements.

The red dot next to the cart icon is rendered using a pseudo “::after” element

• 📝 Highlight Elements During Testing I don’t often comment on X vs Y tools (exception, exception), but when I do, Cypress solution looks especially elegant 😀

Highlight a page element and save a screenshot: Selenium vs Playwright vs Cypress

• 📺 “Run Just The Last Failed Tests Using cypress-plugin-last-failed” shows a pretty cool plugin

• 📺 “Check If All Images Have Loaded Using cy.each Command” shows how easy it is to prevent broken images on the page

Blog Posts I’m Reading 📖

• Sam E. Lawrence wrote a nice post “My Favorite Interview Questions for QA Engineers”. If you are hiring Cypress testers, discuss their knowledge of my Cypress Skills Ladder.

• Butch Mayhew collected demo sites you can write tests for in this repo https://github.com/BMayhew/awesome-sites-to-test-on FYI: You can clone my version of “Swag Store” site for E2E and Vite component testing here https://github.com/bahmutov/taste-the-sauce-vite

• Yevhen Laichenkov has an update on his “Cypress Quiz”. In his blog post you can find out “Can ChatGPT solve Cypress Quiz?” If you remember from our video, even Cypress professionals might struggle with some of the quiz’s questions.

Replay.io changes direction ↩️

Replay.io who record the entire browser session (including commands and variables) creating the ultimate time machine for testing, has decided to pivot away from testing. This is regrettable news since I expected them to make end-to-end testing super powerful. Instead, several engineers lost their jobs, including Filip Hric. If you are in need of the ultimate testing champion, Filip is your guy.

Replay announcement

Won A Soccer Game At Gillette Stadium ⚽️

My Cambridge United team after winning a game at Gillette Stadium

I had a pretty busy June and July, coaching a youth U14 team for a 4v4 tournament at New England Revolution’s home turf Gillette Stadium. We had to compete in the U14 bracket despite having 13, 12, and even 11-year-old players. Still, we won a game at the stadium and barely missed qualifying for the final match. In soccer, size can only do so much. Training, passion, and hard work are much more important as my players demonstrated. Next year we are coming back to win it all.