testing-blocks

Guide AEM Edge Delivery Services testing with linting, browser validation, and unit tests.

Updated Mar 27, 2025

Search Tags:#code quality #unit tests #testing #linting #browser testing #aem

Ready to run

npx skills add https://github.com/jfoxx/residentportal --skill testing-blocks-jfoxx

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: testing-blocks
Source: https://github.com/jfoxx/residentportal/tree/main/.skills/testing-blocks
Command: npx skills add https://github.com/jfoxx/residentportal --skill testing-blocks-jfoxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of testing code changes in AEM Edge Delivery projects, ensuring that new or modified blocks, scripts, and styles function correctly before deployment.

Core Features & Use Cases

Linting and Code Quality Checks: Automatically identifies and helps fix code style issues.
Browser Validation: Guides through manual or automated testing in a real browser environment to verify rendering, responsiveness, and functionality.
Unit Testing: Provides a framework for writing and running tests for utility functions and complex logic.
Use Case: After updating a carousel block, use this Skill to run linting, test the carousel's appearance and functionality across different devices in a browser, and ensure existing tests pass.

Quick Start

Run npm run lint to check your code for style issues.

Frequently Asked Questions about testing-blocks

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

FAQPage Schema

How do I test AEM Edge Delivery blocks before deployment?▼

Testing AEM Edge Delivery blocks requires running linting checks, performing browser validation, and executing unit tests. This workflow verifies rendering, responsiveness, and functional correctness to prevent regressions before deployment.

What's the best way to validate AEM project code quality changes?▼

Validating AEM project code quality involves running linting checks to automatically identify and fix code style issues. Execute `npm run lint` in your project directory to start detecting style violations and ensure consistency.

Does browser testing for AEM Edge Delivery support automated checks?▼

Browser testing for AEM Edge Delivery supports automated checks using Playwright. It guides validation of rendering, responsiveness, and functionality in a real browser environment to verify that new or modified blocks work correctly across different devices.

When do I need unit testing for AEM Edge Delivery scripts?▼

Unit testing for AEM Edge Delivery scripts is needed when working with utility functions and complex logic. It provides a framework to write and run tests, ensuring logic-heavy code functions correctly and preventing regressions in critical processing components.

Can I use this workflow to run existing test suites for AEM projects?▼

Yes, you can use this workflow to run existing test suites for AEM Edge Delivery projects. It includes functionality to execute previously written tests, ensuring new code changes do not break validated logic or block functionality.