Cypress Po And Tests Generator

Name: Cypress Po And Tests Generator
Author: jprealini

@jprealini

About Cypress Po And Tests Generator

With an already setup Cypress framework, pass the URL of the page you need to create a Page Object class and test cases for, and it will create the page object class with all locators, action methods (type, click), get methods, and main workflow methods, and a test file (cy.ts or

#cypress #pageobject #tests #automation

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "cypress-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@jprealini/cypress-mcp"
      ]
    }
  }
}

Tools

Crear archivos Page Object y Tests directamente en el proyecto Cypress

Generar Page Object y Tests de Cypress

Overview

What is Cypress Po And Tests Generator?

This MCP server automatically generates complete Cypress Page Object classes and comprehensive test suites for any web page by scraping the page with Puppeteer and parsing HTML with Cheerio. It is for developers who want to quickly create structured Cypress test infrastructure.

How to use Cypress Po And Tests Generator?

Install via npm, then start the server with npx tsx main.ts. Use an MCP client to call the generateLocator tool with a URL parameter; it returns both a TypeScript Page Object class and a Cypress test suite.

Key features of Cypress Po And Tests Generator

Web scraping with Puppeteer for dynamic page rendering
HTML parsing with Cheerio to extract element information
Generates TypeScript Page Object classes with locators, getters, and interaction methods
Generates comprehensive Cypress test suites including positive, negative, accessibility, and performance tests
Supports multiple element types: buttons, inputs, links, selects, textareas, forms
Intelligently detects common workflows like login, search, and navigation patterns

Use cases of Cypress Po And Tests Generator

Automate creation of Cypress Page Objects and tests for a new web application
Rapidly set up test coverage for an existing website without manual coding
Generate regression test suites for pages with many interactions
Validate page structure and element accessibility as part of CI

FAQ from Cypress Po And Tests Generator

What does the server output?

It outputs two files: a TypeScript Page Object class (.ts) and a Cypress test suite (.cy.ts) containing positive, negative, workflow, accessibility, performance, and edge case tests.

What are the runtime dependencies?

The server requires Node.js, and its dependencies include @modelcontextprotocol/sdk, puppeteer, cheerio, zod, and typescript.

Does the server handle dynamic content?

Yes, Puppeteer runs in headless mode and waits for network idle to capture dynamically loaded content.

What transport or authentication does the server use?

The server uses the Model Context Protocol (MCP) with a tool-based interface; no specific authentication is mentioned.

Are there any known limitations?

The server only generates tests based on the current page state; it may not capture every dynamic interaction. Error handling includes invalid URLs and network failures.