Skip to content
Illustrated.dev logo
AboutResourcesFAQ

Illustrated Notes

Testing with Cypress.io

Published or updated on May 10, 2019

As part of my everyday egghead work, I make a lot of notes. Illustrated in particular.

Everytime we have a new course in production, I'll watch all the video lessons and illustrate the major points.
These help me give ideas for visuals and diagrams we can build on top of the lessons.

At the moment we've got one in the pipeline by Brett Cassette all about testing with Cypress.io.

Here's a small preview of it:

Cypress.io is a handy tool is "end to end" testing

It includes all levels of the stack - from the UI to front-end data stores, to XHR, to APIs, to your database. It's able to test all of these at the same time. It runs a virtual browser that clicks through all the things on all the pages.

It lets us write custom tests that "assert" true or false statements on specific parts of our app. It also alerts us if any of those tests fail. The tool uses the chai assertion library which makes it easy to write chains of selectors.


The Whole Illustrated Note


The full cypress.io illustrated note

A giant, printable version will be posted on the Test Production Ready Apps with Cypress course when it's released later this month.