Skip to Content
Documentation
QA
CypressRepository ManagementRepository Overview

πŸ“ Repository Overview

What is cypress-ai-automation?

The cypress-ai-automation repository is a testing framework specifically designed for automated testing of AI-powered websites and WordPress admin interfaces.

Purpose

This repository provides automated testing capabilities for:

  • Frontend Testing: Testing published AI websites for functionality and user experience
  • WordPress Admin Testing: Validating backend administrative functions and workflows
  • Automated Reporting: Generating detailed test reports with screenshots and results

Key Components

πŸ”§ Testing Framework

  • Cypress v14.0.2: Modern end-to-end testing framework
  • Custom Commands: Specialized commands for AI website testing (like popup handling)
  • Test Data Management: Centralized fixtures for consistent testing

πŸ“Š Reporting

  • Mochawesome Reporter: Generates HTML and JSON test reports
  • Screenshot Capture: Automatically captures screenshots on test failures
  • Video Recording: Optional test execution recording

πŸ“ Available Tests

  • AIWebsite.PublishedSite.test.js: Frontend testing of published websites
  • AIWebsite.WP-Admin.test.js: WordPress admin panel testing

NPM Scripts

The repository includes predefined scripts for test execution with generated reports:

# Run frontend tests for the website npm run test # AIWebsite.PublishedSite.test.js # Run WordPress admin panel tests npm run admin # AIWebsite.WP-Admin.test.js # Run Cypress with UI (no generated report) npx cypress open # Navigate through Cypress test runner

Repository Structure

cypress-ai-automation/ β”œβ”€β”€ cypress/ β”‚ β”œβ”€β”€ fixtures/ # Test data β”‚ β”œβ”€β”€ integration/ # Test files β”‚ β”‚ └── examples/ # Main test cases β”‚ β”œβ”€β”€ support/ # Custom commands β”‚ β”œβ”€β”€ reports/ # Generated reports β”‚ β”œβ”€β”€ screenshots/ # Test failure screenshots β”‚ └── videos/ # Test recordings β”œβ”€β”€ cypress.config.js # Cypress configuration └── package.json # Dependencies and scripts

Documentation Sections

This repository management guide covers:

  1. Repository Overview - This overview page
  2. Project Structure - Detailed file and folder organization
  3. Development Setup - How to set up the development environment
  4. QA Checklist Reference - Translated manual QA checklist to automated Cypress tests

Quick Start

# Clone the repository git clone https://gitlab.forge99.com/ai-product-dev/cypress-ai-automation.git cd cypress-ai-automation # Install dependencies npm install # Install Cypress (if not already installed) npm install cypress --save-dev # Install Mochawesome Reporter Plugin (if not already installed) npm install --save-dev cypress-mochawesome-reporter # Run a test npm run test

Support

Last updated on