skills.rest
Focus-GTS
Focus-GTSOFFICIAL
Explore all skills by this author →
Website𝕏@FocusGTSGitHub

block-testing

Audit EDS block JavaScript and CSS to generate a severity-graded test plan.

Updated May 14, 2026
Search Tags:#accessibility#automated testing#performance review#mobile responsiveness#eds blocks#css scoping#regression planning
One-click install
npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill block-testing-focus-gts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: block-testing
Source: https://github.com/Focus-GTS/eds-content-ops-skills/tree/main/skills/block-testing
Command: npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill block-testing-focus-gts

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Custom Adobe Edge Delivery Services (EDS) blocks often break on real content, devices, or during future edits due to issues like unscoped CSS, missing null checks, accessibility gaps, and performance regressions.

Core Features & Use Cases

  • Automated block defect detection for JavaScript and CSS anti-patterns, including null-safety, DOM update hazards, and unsafe image handling.
  • CSS scoping and standards verification to prevent style leakage, enforce mobile-first responsive rules, and flag high-risk patterns (e.g., unscoped selectors, ID selectors, !important).
  • Accessibility and performance-focused testing guidance that produces a structured, severity-graded test plan covering automated and manual scenarios.
  • Use case: Before merging a newly modified block, generate a regression-ready test plan that verifies it renders correctly across mobile/desktop, with empty and excess authoring data, and meets accessibility/performance expectations.

Quick Start

Ask an AI coding agent to run the block-testing skill against your block source in blocks/{block-name}/{block-name}.js and blocks/{block-name}/{block-name}.css to produce an end-to-end test plan with severity grading.

Frequently Asked Questions about block-testing

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

FAQPage Schema
How do I audit custom EDS blocks for CSS scoping and JavaScript null safety issues?▼

Automated auditing analyzes block JavaScript and CSS for null-safety, DOM update hazards, unscoped selectors, and ID selectors to prevent rendering defects and style leakage. This process identifies high-risk anti-patterns before code merge.

What is the best way to generate a regression test plan for Adobe Edge Delivery Services blocks?▼

The best way is to run an automated audit checking null safety, CSS scoping, interactive semantics, and layout patterns to produce a severity-graded test plan. This covers mobile, desktop, empty, and excess authoring content.

Do I need to manually test mobile responsiveness and accessibility for EDS blocks?▼

Manual testing for mobile responsiveness and accessibility is required alongside automated checks. A comprehensive test plan generates both automated and manual scenarios to verify mobile-first responsive rules, accessibility gaps, and interactive semantics.

How does automated block defect detection handle unsafe image handling and DOM updates?▼

Automated block defect detection flags unsafe image handling and DOM update hazards by analyzing JavaScript anti-patterns during code review. It validates null checks and event handling to prevent rendering regressions across different authoring data states.

Can I use automated EDS block testing for pre-merge validation on empty or excess authoring content?▼

Yes, automated EDS block testing supports pre-merge validation by verifying how blocks render with empty or excess authoring data. It checks layout and performance patterns to ensure blocks handle edge-case content without breaking.

Related Skills

Explore More Software Engineering Skills→
amol-anandamol-anand

Building Blocks

Standardize AEM Edge Delivery block creation with JavaScript decoration and CSS styling.

Community
Intermediate
soeiroosoeiroo

accessibility-test-plan

Plan WCAG-aligned accessibility testing strategies for web applications.

Community
Intermediate
NolanPicNolanPic

Frontend CSS

Enforce CSS standards for naming, organization, linting, and accessibility.

Community
Basic
trungtnmtrungtnm

ubs

Detect bug patterns in multi-language code before commits via static analysis.

Community
Advanced