Testing Blocks

About

This skill streamlines the quality assurance process for AEM Edge Delivery projects by implementing a value-driven testing philosophy. It distinguishes between high-value 'keeper' tests for logic-heavy utilities and temporary 'throwaway' tests for rapidly evolving UI components, ensuring robust code without excessive maintenance overhead. By integrating unit testing with Vitest, browser automation via Playwright, and linting, it provides a comprehensive framework to verify block functionality, responsive design, and performance metrics before code reaches production.

Key Features

• Guides browser-based UI validation for DOM transformations and visual regression.
• Implements a value-versus-cost testing philosophy to prioritize high-impact automation.
• 36 GitHub stars
• Ensures code quality through automated linting and performance validation workflows.
• Includes comprehensive checklists for responsive design and cross-device functionality.
• Provides specific patterns for unit testing logic-heavy utility functions and API integrations.

Use Cases

• Verifying block decoration logic and CSS changes before opening a pull request.
• Writing persistent unit tests for complex data processing and transformation utilities.
• Validating responsive behavior and visual correctness across different viewport sizes.