Complete Course

Agentic Testing with Cypress Tap

Give an AI agent a real web app it has never seen, and the browser to test it in: explore it through Cypress Tap, cover it with Cypress tests the agent runs and fixes itself, and find, confirm, and report its bugs, with you deciding what counts.

~5 hours of content

View Lessons

Course Content

17 comprehensive lessons covering everything you need to know

Introduction

Introduction
Course Structure
Learn how the course is organized and make the most of the content.
Introduction
Prerequisites
Systems and knowledge required to complete the course.
Introduction
Getting to know Emoji Mart, from the outside
Meet the application under test the way a tester often does: as a URL and nothing else.
Lesson
Lesson 1
Fork, clone, and install Cypress
Fork and clone the repository, install Cypress, and point it at the deployed Emoji Mart.

Cypress Tap and the agent

Lesson
Lesson 2
Cypress Tap, by hand
Drive Cypress Tap yourself: run a spec, wait for a fresh verdict, read the app, and time travel.
Lesson
Lesson 3
Official skills and project rules
Install the official Cypress skills, cypress-tap included, and learn why project rules are needed next to them.

Exploring an app you did not build

Lesson
Lesson 4
Exploring the app with the agent
Have the agent explore Emoji Mart through the browser only, and write a feature map of it.
Lesson
Lesson 5
Reviewing the map and planning the tests
Correct the agent's map against the app, then compare it with the requirements to plan the tests.

Covering the app with tests

Lesson
Lesson 6
The catalog and the detail view
Set the write, run, review loop, and choose selectors in an app you cannot change.
Lesson
Lesson 7
Search
Catch a green test that copies the app, assert the requirement instead, and leave it red on purpose.
Lesson
Lesson 8
The cart
Test the cart's state, choose selectors for buttons with no name, and read the cart's side panel after it closed.
Lesson
Lesson 9
Checkout and the thank-you page
Assert the browser's own validation, a random order number by its shape, and use test data that looks fake.
Lesson
Lesson 10
Isolation on a single URL
Extract custom commands verified against Tap, and keep every test independent in an app where every view shares one URL.

Debugging with time travel

Lesson
Lesson 11
Debugging with time travel
Make the agent diagnose a failure with the Command Log and pinned snapshots before it fixes anything.
Lesson
Lesson 12
Tap traps
Reproduce the ways Cypress Tap can mislead an agent, and the checks that guard against each one.

Finding, analyzing, and reporting bugs

Lesson
Lesson 13
Bug, design choice, or question?
Triage the agent's possible bugs, with a requirement or a reason behind every decision.
Lesson
Lesson 14
Confirming bugs with tests
Confirm each bug with a test that fails for the right reason, then skip it with a reason.
Lesson
Lesson 15
Reporting bugs
Edit the agent's bug report drafts into reports a developer can act on.

Growing the rules and CI

Lesson
Lesson 16
Growing the project rules
Turn the agent's real mistakes into project rules, and prove a rule works in a fresh session.
Lesson
Lesson 17
Running the suite on GitHub Actions
Run the suite headless on every push, fail on a leftover .only, and prove the build goes red.

Bonus & Conclusion

Bonus
Bonus: An accessibility pass with aria
Use the accessibility tree and the keyboard to find what the app hides from assistive technology.
Bonus
Bonus: When the agent is worth it
What the agent's loop costs, how to keep reads small, and when to write the test yourself.
Conclusion
Congratulations!
You've completed the Agentic Testing with Cypress Tap course!