There’s something super irritating to me about seeing a Jest test suite run and a bunch of noisy console logs get dumped out, mucking up the results. Here’s an example: At a glance, I find it’s pretty hard to know which of those tests is problematic. Even with the coloured console output, the big expected … Read more
You know the drill: leave the office for the day on Wednesday, everything works. Open the laptop Thursday morning, errors everywhere. No? It can’t just be me… surely. Well, today’s issue was when I ran my Jest tests, all of a sudden I started to see this: And this kinda tells you what is wrong. … Read more
In this post I will show you a way to create a unit tested React component that allows you to pass either a plain string, or one or more <p>text goes here</p> tags, and then render out only the first X words. When the word limit is hit, a ‘Show More’ button will display, and … Read more
Jest is an amazing testing tool, but sometimes it throws up situations that confuse the hell out of me. Even worse is when I get confused by a problem / error message that I am 100% sure I have seen before, and solved, but it was on a different project and I can’t remember how … Read more
I recently had to use Cypress to test a page that had various dropdown options, and some of those options might be excluded if already selected. Being a UK Gov page flow, the user could only select a single option from the drop down, then click continue, and if they wanted to add another they … Read more
If you’re working with Cypress and Jest in the same project, TypeScript may throw errors that the standard Jest assertions are not valid types on the Assertion class. The error I get looks like this: Though in the IDE, even before running the tests, you will likely see something like this: This is a pretty … Read more