cypress
Cypress enables you to build robust automated browser testing workflows with intelligent selector strategies and predictable wait handling. This skill integrates with SkillFed's agent ecosystem to streamline end-to-end test development, helping you catch regressions early and maintain test reliability across your application.
Cypress enables you to build stable tests by using data-testid selectors instead of brittle CSS classes, implementing deterministic waiting patterns that poll for element readiness rather than fixed delays, and leveraging cy.intercept() to stub network responses. The framework's intelligent retry logic automatically waits for DOM elements and network requests, eliminating the need for arbitrary timeouts. Focus on selecting elements by their test attributes, avoid hard-coded waits, and ensure your assertions target elements that are guaranteed to exist before interaction.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-18
Cypress enables you to build stable tests by using data-testid selectors instead of brittle CSS classes, implementing deterministic waiting patterns that poll for element readiness rather than fixed delays, and leveraging cy.intercept() to stub network responses. The framework's intelligent retry logic automatically waits for DOM elements and network requests, eliminating the need for arbitrary timeouts. Focus on selecting elements by their test attributes, avoid hard-coded waits, and ensure your assertions target elements that are guaranteed to exist before interaction.
Use it when
- Cypress best practices for reducing flaky tests include: using cy.session() to manage authentication state efficiently across tests.
- Cypress enables you to control network requests through the cy.intercept() command, which allows you to stub API responses.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
bobmatnyc/claude-mpm-skills/cypress · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I write stable cypress tests that won't fail intermittently?
Cypress enables you to build stable tests by using data-testid selectors instead of brittle CSS classes, implementing deterministic waiting patterns that poll for element readiness rather than fixed delays, and leveraging cy.intercept() to stub network responses. The framework's intelligent retry logic automatically waits for DOM elements and network requests, eliminating the need for arbitrary timeouts. Focus on selecting elements by their test attributes, avoid hard-coded waits, and ensure your assertions target elements that are guaranteed to exist before interaction.
What are the best practices for cypress e2e testing to reduce flaky tests?
Cypress best practices for reducing flaky tests include: using cy.session() to manage authentication state efficiently across tests, stubbing external API calls with cy.intercept() to eliminate network variability, selecting elements with stable identifiers like data-testid rather than dynamic class names, and avoiding fixed waits in favor of Cypress's built-in retry mechanisms. Additionally, structure your tests around critical user paths, keep tests isolated and independent, and leverage Cypress's time-travel debugging to inspect application state at each step. These strategies ensure your test suite remains reliable in CI environments and local development.
How can I control network requests and stub API responses in cypress?
Cypress enables you to control network requests through the cy.intercept() command, which allows you to stub API responses, mock server errors, and simulate network delays for comprehensive testing. By intercepting requests before they reach your backend, you can return predetermined responses, test error handling paths, and run tests faster without external dependencies. This approach isolates your tests from backend changes and CI environment variability, making your test suite more deterministic and maintainable across different environments.
How do I debug cypress tests and troubleshoot failures in CI environments?
Cypress provides time-travel debugging capabilities that let you inspect application state, DOM snapshots, and network activity at each test step. When tests fail in CI only, use Cypress's built-in screenshot and video recording features to capture test artifacts, then replay them locally to diagnose the issue. Common CI-specific failures stem from timing assumptions, environment-specific selectors, or unhandled network conditions—verify your selectors work across environments, use cy.intercept() to mock external services, and ensure your waits are deterministic rather than time-based. The Cypress dashboard also integrates with your CI pipeline to centralize failure analysis.
Can cypress be used for component testing with React and modern frameworks?
Cypress supports component testing for React and other modern frontend frameworks, allowing you to test individual components in isolation without spinning up a full application server. This approach accelerates your test feedback loop by focusing on component behavior, props, and state interactions. Component testing with Cypress complements your end-to-end tests by catching bugs earlier in development, reducing the number of slow e2e tests needed, and enabling faster CI pipelines while maintaining comprehensive coverage across your application.
How do I parallelize cypress tests and optimize my CI pipeline?
Cypress enables test parallelization in CI by distributing your test suite across multiple machines or containers, significantly reducing overall execution time. Configure your CI environment to run tests in parallel by splitting your test files across workers, and use Cypress's built-in load balancing to ensure even distribution. By combining parallelization with deterministic test design—stable selectors, network stubbing, and proper waits—you can maintain reliability while dramatically improving CI performance and reducing feedback time for developers.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Cypress (E2E + Component Testing)
Overview
Cypress runs browser automation with first-class network control, time-travel debugging, and a strong local dev workflow. Use it for critical path
(truncated - see the full file via the links below)
File tree — 2 files
toolchains/javascript/testing/cypress/SKILL.md
toolchains/javascript/testing/cypress/metadata.json
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Write and debug reliable end-to-end browser tests with stable selectors and deterministic waits”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill equips you with professional Cypress testing strategies and patterns for building reliable end-to-end test suites. Drawn from a curated collection of 240+ Claude Code skills, it delivers actionable guidance on test structure, assertions, and automation workflows to strengthen your QA processes.
cypress-skill enables you to create production-grade end-to-end and component tests using Cypress, streamlining test automation workflows. This skill generates comprehensive test suites that validate application behavior across browsers and environments, helping teams catch regressions early and maintain code quality.
This skill teaches you how to architect and implement end-to-end tests using industry-standard frameworks like Playwright and Cypress. You'll discover proven patterns for organizing test code, handling asynchronous operations, and maintaining test reliability as your application grows. Gain practical knowledge for building test suites that catch real-world issues before they reach production.
mypy brings static type checking to Python through gradual adoption of type hints, letting you add type safety incrementally without rewriting existing code. It supports strict mode for maximum safety, works seamlessly with FastAPI and Django, and uses type inference to minimize annotation overhead.
Testing Expert guides you through building robust test suites using proven methodologies and modern frameworks. Learn the test pyramid, mocking strategies, and coverage targets across multiple languages including Vitest, Pytest, Go testing, and JUnit 5.
Master the fundamentals of end-to-end testing by setting up comprehensive test suites that validate complete application workflows. This skill covers environment configuration, test automation strategies, and best practices for ensuring your application behaves correctly across all user scenarios.
More skills Test Frameworks (unlicensed)