Testing Blocks

Automates and documents testing workflows for AEM Edge Delivery projects.

Updated Dec 11, 2025

Search Tags:#vitest #testing #linting #playwright #unit-testing #browser-testing #aem-edge-delivery

Ready to run

npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill testing-blocks-paul-hosking-cdw-com

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Testing Blocks
Source: https://github.com/paul-hosking-cdw-com/da-with-ue-demo/tree/main/.claude/skills/testing-blocks
Command: npx skills add https://github.com/paul-hosking-cdw-com/da-with-ue-demo --skill testing-blocks-paul-hosking-cdw-com

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams validate code changes in AEM Edge Delivery projects by outlining a structured testing workflow that covers unit tests, browser tests, linting, and performance checks, ensuring changes are safe before PRs.

Core Features & Use Cases

Keeper tests for logic-heavy utilities and data processing to catch regressions early.
Browser testing for block decoration, UI validation, and visual checks using Playwright/Puppeteer.
Integrated linting and performance validation to maintain code quality and performance standards across blocks.

Quick Start

Run lint, run unit tests, and create a temporary browser test to validate changes before opening a PR.

Frequently Asked Questions about Testing Blocks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I validate code changes in AEM Edge Delivery projects before opening a PR?▼

To validate code changes in AEM Edge Delivery, run unit tests for logic-heavy utilities, create temporary browser tests for UI validation, and execute lint and performance checks before opening a PR.

What is the best way to test block decoration and UI in AEM Edge Delivery?▼

The best way to test block decoration and UI is using browser testing frameworks like Playwright or Puppeteer to perform visual checks and validate block decoration behavior.

When do I need unit tests for AEM Edge Delivery blocks?▼

You need unit tests for AEM Edge Delivery blocks when working with logic-heavy utilities and data processing to catch regressions early and ensure code changes are safe before PR submission.

Does this testing workflow integrate lint and performance validation into PR processes?▼

Yes, the testing workflow integrates lint and performance validation into PR processes to maintain code quality and performance standards across blocks before changes are merged.

Can I use Playwright and Vitest for AEM Edge Delivery testing workflows?▼

Yes, you can use Playwright for browser testing of block decoration and UI validation, and Vitest for unit testing logic-heavy utilities and data processing within AEM Edge Delivery projects.