cypress

Write Cypress E2E tests using resilient selectors and network intercepts.

1|Updated Mar 5, 2026

Search Tags:#automation #qa #javascript #web testing #e2e testing #cypress

Ready to run

npx skills add https://github.com/baphled/dotopencode --skill cypress-baphled

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cypress
Source: https://github.com/baphled/dotopencode/tree/main/skills/cypress
Command: npx skills add https://github.com/baphled/dotopencode --skill cypress-baphled

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and maintenance of robust end-to-end (E2E) tests for web applications, ensuring reliable browser-based testing.

Core Features & Use Cases

E2E Test Writing: Develop comprehensive E2E tests for web applications.
Selector Strategies: Implement resilient selectors that withstand UI changes.
Network Intercepts: Control API responses for deterministic test execution.
Custom Commands: Create reusable testing utilities for common actions.
Use Case: Automatically generate and run E2E tests for a new user authentication flow, ensuring that login, logout, and password reset functionalities work as expected across different scenarios.

Quick Start

Use the cypress skill to write an end-to-end test for the login page using data-testid selectors.

Frequently Asked Questions about cypress

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

What is the best way to write E2E tests that avoid brittle selectors and arbitrary waits?▼

Reliable E2E testing uses resilient selector strategies like data-testid attributes and avoids arbitrary waits by focusing on user behavior simulation. This approach ensures deterministic browser-based test execution that withstands UI changes.

How do I intercept API responses for deterministic web testing?▼

Network request interception controls API responses during test execution to ensure deterministic results. By intercepting network requests, you simulate specific API responses and isolate frontend behavior from backend variability for reliable E2E testing.

How do I create reusable commands for JavaScript E2E test setup?▼

Custom commands create reusable testing utilities for common actions, enabling efficient test setup. By encapsulating repeated user behavior sequences into callable functions, you streamline JavaScript E2E test authoring and reduce maintenance overhead.

Does Cypress work well for testing user authentication flows like login and password reset?▼

Cypress E2E testing supports automatically generating and running tests for user authentication flows. It validates that login, logout, and password reset functionalities work as expected across different scenarios using browser-based simulation.

Why do my E2E tests fail intermittently when the UI changes?▼

Intermittent E2E test failures often stem from brittle selectors that break on UI updates or arbitrary waits causing timing issues. Using resilient selector strategies and network intercepts ensures deterministic test execution despite UI changes.