eds-block-testing

Automate Adobe Edge Delivery Services block testing with test.html scaffolds.

2|Updated Feb 22, 2024
One-click install
npx skills add https://github.com/ddttom/allaboutv2 --skill eds-block-testing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: eds-block-testing
Source: https://github.com/ddttom/allaboutv2/tree/main/.claude/skills/eds-block-testing
Command: npx skills add https://github.com/ddttom/allaboutv2 --skill eds-block-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates guesswork and debugging headaches when developing Adobe Edge Delivery Services blocks by providing comprehensive testing methodologies and templates.

Core Features & Use Cases

  • Structured Testing: Complete templates for creating test.html files that mimic production behavior.
  • Development Server Integration: Workflow for testing blocks locally with hot-reload capabilities.
  • Use Case: Imagine you're building a new EDS block for displaying product cards. Use this Skill to create test scenarios for different layouts, responsive behavior, and edge cases before deployment.

Quick Start

Create a test.html file in your block directory and use the provided template to test your EDS block functionality.

Frequently Asked Questions about eds-block-testing

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

FAQPage Schema
How do I set up testing for Adobe EDS blocks?

EDS block testing uses test.html scaffold files in your block directory. Create a test.html file using the provided template, integrate the EDS core script, apply the .block class for decoration, and run it on the development server with hot-reload enabled to validate block functionality before deployment.

What should a test.html file contain for EDS block validation?

A standard test.html file requires the EDS core script integration, block markup decorated with the .block class, and test scenarios that mimic production behavior. The template scaffolds different layouts, responsive states, and edge cases to ensure your block loads and renders correctly.

Can I test EDS blocks locally during development?

Yes. EDS block testing integrates with the development server to enable local testing with hot-reload capabilities. This workflow lets you iterate on block functionality, debug issues in real-time, and validate behavior before pushing to production.

What are common edge cases to test in EDS blocks?

Test different layouts, responsive behavior across breakpoints, and boundary conditions specific to your block's data inputs. The testing methodology helps identify gaps in block decoration, script loading, and production parity that manual debugging alone would miss.

Do I need specific Adobe tools to test EDS blocks?

EDS block testing follows Adobe Edge Delivery Services core patterns and integrates with standard development servers. You need the EDS core script and a local development environment; no additional proprietary tools are required beyond your standard block development setup.

Why does block decoration with the .block class matter in testing?

The .block class is required for EDS core to recognize and load your block correctly. Testing with proper decoration ensures your block behaves identically in test and production environments, preventing runtime failures after deployment.