Introduction to Testing and Troubleshooting Basics

In the last chapter, we focused on end-to-end testing with Cypress. You installed Cypress, wrote your first test with Cypress, and became familiar with the commands.

In this chapter, we’ll apply Cypress testing to the rest of our Stimulus and React pages and look at some ways to get more information in Cypress and in a browser. We’re also going to talk about some ways to troubleshoot tests and code in your browser.

Writing more Cypress tests

Let’s write more examples in Cypress that at least partially cover the rest of the features we’ve written in Stimulus and React. Here’s a longer test that covers the calendar filter at the top of the schedule page. The behavior we’re checking here is to confirm that clicking on a calendar item makes only that page visible and that clicking back to a state of no clicks makes everything visible again: