testing-blocks

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

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Permit-Junction/permitjunction-website --skill testing-blocks-permit-junction
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: testing-blocks
Source: https://github.com/Permit-Junction/permitjunction-website/tree/main/.claude/skills/testing-blocks
Command: npx skills add https://github.com/Permit-Junction/permitjunction-website --skill testing-blocks-permit-junction

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive workflow for testing code changes in AEM Edge Delivery projects, ensuring quality and preventing regressions before deployment.

Core Features & Use Cases

  • Linting: Automatically checks code for style and quality issues.
  • Browser Validation: Mandates testing in a real browser environment for functional and visual accuracy.
  • Unit Testing: Guides the creation and execution of unit tests for logic-heavy code.
  • Use Case: After modifying a component's JavaScript, use this Skill to run linters, perform manual browser checks on different viewports, and ensure existing unit tests pass, confirming the change is robust.

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 code changes for AEM Edge Delivery projects before creating a pull request?

To test code changes for AEM Edge Delivery projects, run a structured workflow that includes linting, mandatory browser validation, and optional unit tests to ensure code quality and functional correctness before submitting a pull request.

What steps are required to validate modified blocks and scripts in AEM Edge Delivery?

Validating modified blocks and scripts requires running linters for style checks, performing manual browser validation across viewports for visual accuracy, and executing available unit tests to confirm logic correctness.

Does AEM Edge Delivery require browser validation for every code modification?

Yes, browser validation is mandatory for every code modification in AEM Edge Delivery. You must test changes in a real browser environment and provide proof of validation to ensure visual and functional accuracy.

Can I use Playwright for unit testing logic-heavy code in AEM Edge Delivery blocks?

Playwright is utilized within the testing workflow for AEM Edge Delivery projects, alongside linting and browser validation, to guide the creation and execution of tests for logic-heavy block modifications.

What is the best way to run linting checks on AEM Edge Delivery components?

The best way to run linting checks on AEM components is to execute the `npm run lint` command, which automatically checks your code for style and quality issues before proceeding to browser validation.

When should I not skip unit tests during the AEM block testing process?

You should not skip unit tests when modifying logic-heavy code in AEM blocks. While optional, unit testing is highly recommended to confirm that existing logic passes and the change is robust before deployment.