Testing Blocks

What problem does it solves? Manual testing of AEM blocks is time-consuming and prone to human error, leading to regressions and quality issues. This Skill provides a comprehensive testing framework, balancing automated "keeper" tests with efficient "throwaway" browser validation, ensuring high-quality code with less effort.

Core Features & Use Cases

• Unit Testing: Guides creation of fast, isolated tests for logic-heavy utilities and data processing.
• Browser Testing: Facilitates throwaway browser tests (Playwright/Puppeteer) for visual validation, DOM structure, and responsive behavior.
• Quality Checks: Integrates linting, performance validation (via GitHub checks), and a complete pre-PR checklist.
• Use Case: After modifying a "carousel" block, use this Skill to run unit tests on its logic, perform browser tests to capture screenshots of its visual behavior across devices, and ensure all linting and performance checks pass before creating a pull request.

Quick Start

Test the "hero" block, including unit tests for its utility functions and browser tests for visual validation across mobile and desktop.