Cypress for Openclaw

A high-performance testing skill for writing resilient E2E and component tests while eliminating flakiness and race conditions.

ivangdavila
v1.0.0
Feb 22, 2026
0
1.4k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install cypress

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install cypress using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Cypress?

The Cypress skill for Openclaw Skills empowers developers to build robust automated testing suites for modern web applications. It provides a structured approach to writing end-to-end (E2E) and component tests, focusing on best practices that eliminate common issues like fragile CSS selectors and unreliable fixed waits. By leveraging this skill, developers can ensure their applications remain stable across updates while maintaining a high-velocity development cycle.

This integration specifically helps AI agents understand the nuances of the Cypress framework, from setting up the initial architecture to implementing complex network intercepts. It emphasizes the use of resilient testing patterns that make your test suite maintainable and scalable within any Openclaw Skills environment.

Cypress Use Cases

  • Automating end-to-end user journey testing to ensure critical paths remain functional.
  • Developing isolated component tests for frameworks like React, Vue, or Angular.
  • Debugging and fixing flaky test suites that fail inconsistently in CI/CD pipelines.
  • Mocking API responses and network traffic to test edge cases without backend dependencies.
  • Standardizing testing protocols across a team using custom commands and fixtures.

How Cypress Works

  1. The skill initializes a standard directory structure including e2e, component, and support folders within your project.
  2. It prioritizes the use of resilient selectors like data-testid to decouple tests from styling or structural changes.
  3. Network requests are managed via cy.intercept to synchronize test actions with application state instead of using arbitrary delays.
  4. Reusable logic is abstracted into custom commands and data is managed through JSON fixtures for clean, readable specs.
  5. Tests are executed via the Cypress CLI in either interactive mode for local development or headless mode for automated environments.

Cypress Setup

To integrate this skill into your workflow, ensure you have the required binaries and follow the setup guidelines provided in the documentation. Use the following commands to initialize or run your tests:

# Open the interactive Cypress Test Runner
npx cypress open

# Run all tests in headless mode (ideal for CI)
npx cypress run

# Run a specific test specification
npx cypress run --spec "cypress/e2e/login.cy.ts"

Cypress Data Schema & Taxonomy

This skill organizes testing data and configuration according to the following taxonomy:

Path Purpose
cypress/e2e/ Specification files for full end-to-end testing scenarios.
cypress/component/ Files for testing individual UI components in isolation.
cypress/fixtures/ Static JSON files used to provide mock data for tests.
cypress/support/ Configuration for custom commands and global test hooks.
cypress.config.ts The main configuration file defining base URLs, timeouts, and environments.

Cypress Advanced Features

  • Time-travel debugging allows you to hover over commands to see the exact state of the DOM at that moment.
  • Automatic retries for failed tests to distinguish between legitimate bugs and environmental flakiness.
  • Support for cy.session to cache authentication states and speed up multi-test suites.
  • Comprehensive TypeScript support for type-safe custom commands and enhanced IntelliSense.
  • Integrated screenshot and video capture on failure for easier CI/CD troubleshooting within Openclaw Skills.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*