Gutenberg Block End-to-End Testing Guide

Community

Ensure your Drupal Gutenberg blocks render correctly across the editor and frontend.

Authormuskie9
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that custom Drupal Gutenberg blocks function correctly, preventing silent failures and layout mismatches between the editor and frontend.

Core Features & Use Cases

  • Editor to Frontend Verification: Test the rendering of custom blocks in both the CMS Editor and the frontend.
  • Browser Subagent Utilization: Execute tests using the browser subagent to simulate user interactions and identify issues.
  • Silent Failure Detection: Identify and fix common issues like missing sidebar toggles and empty frontend renders.

Quick Start

Run the browser_subagent with the specific tasks to verify the new block's functionality and appearance.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Gutenberg Block End-to-End Testing Guide
Download link: https://github.com/muskie9/agents/archive/main.zip#gutenberg-block-end-to-end-testing-guide

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.