adobe avatar

Testing Blocks

Straightforward testing workflow for AEM Edge Delivery projects that enforces browser validation before any PR. It walks you through linting, mandatory browser testing with multiple viewport checks, optional unit tests for complex logic, and running existing tests. The browser validation requirement is refreshingly strict: you can't skip it, and you need proof via screenshots or accessibility snapshots. Smart about the cost versus value tradeoff on unit tests, explicitly telling you when to skip them for simple DOM work or CSS changes. Typically gets invoked by the building-blocks skill at step 5, but useful standalone whenever you've changed blocks, scripts, or styles.

skills.sh installs
1.6K
GitHub stars
322
last updated
Aug 21, 2026

Install

$ npx -y skills add adobe/skills --skill testing-blocks --agent claude-code

Installs into .claude/skills of the current project.

Files

Testing Blocks

This skill guides you through testing code changes in AEM Edge Delivery Services projects. Testing follows a value-versus-cost philosophy: create and maintain tests when the value they bring exceeds the cost of creation and maintenance.

CRITICAL: Browser validation is MANDATORY. You cannot complete this skill without providing proof of functional testing in a real browser environment.

Related Skills

  • content-driven-development: Test content created during CDD serves as the basis for testing
  • building-blocks: Invokes this skill during Step 5 for comprehensive testing
  • block-collection-and-party: May provide reference test patterns from similar blocks

When to Use This Skill

Use this skill:

  • ✅ After implementing or modifying blocks
  • ✅ After changes to core scripts (scripts.js, delayed.js, aem.js)
  • ✅ After style changes (styles.css, lazy-styles.css)
  • ✅ After configuration changes that affect functionality
  • ✅ Before opening any pull request with code changes

This skill is typically invoked by the building-blocks skill during Step 5 (Test Implementation).

Testing Workflow

Track your progress:

Sponsors

Details

Repository
github.com/adobe/skills
Categories
Backend & APIs, Testing & QA, Automation & Workflows
First seen
Jun 3, 2026

More from adobe/skills

All 48
1adobe avatarblock-collection-and-partyadobe/skillsUse this when you are starting AEM Edge Delivery Services (EDS, Franklin, Helix) development and want an existing reference to build from, such as a block, buil1.6Kskills.sh installs
2adobe avatargenerate-import-htmladobe/skillsUse this when the page-import pipeline needs to produce structured HTML from authoring analysis for AEM Edge Delivery Services. Covers building section structur1.6Kskills.sh installs
3openclaudia avatarfeishu-larkopenclaudia/openclaudia-skillsSend messages and interactive cards to Feishu (飞书) and Lark channels via webhooks or Bot API. Create rich-text announcements, marketing updates, and team notifi1.6Kskills.sh installs
4adobe avataridentify-page-structureadobe/skillsUse this when the page-import pipeline needs to identify section boundaries and content sequences within a scraped webpage for AEM Edge Delivery Services import1.6Kskills.sh installs
5adobe avatarauthoring-analysisadobe/skillsUse this when the page-import pipeline needs to determine the authoring approach (default content vs blocks) for scraped content before generating import HTML f1.6Kskills.sh installs
6adobe avatarpage-decompositionadobe/skillsUse this when the page-import pipeline needs to analyze the content sequences within a single section and describe them neutrally for AEM Edge Delivery Services1.6Kskills.sh installs