skills.rest
ddttom
ddttomCOMMUNITY
Explore all skills by this author →
GitHub

jupyter-notebook-testing

Test Adobe Edge Delivery Services blocks in browser-based Jupyter notebooks.

2|Updated Feb 22, 2024
Search Tags:#testing#preview#interactive#jupyter#browser#notebook#eds-blocks
One-click install
npx skills add https://github.com/ddttom/allaboutv2 --skill jupyter-notebook-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jupyter-notebook-testing
Source: https://github.com/ddttom/allaboutv2/tree/main/.claude/skills/jupyter-notebook-testing
Command: npx skills add https://github.com/ddttom/allaboutv2 --skill jupyter-notebook-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the need for complex development setups by enabling instant testing of Adobe Edge Delivery Services blocks directly in the browser using Jupyter notebooks.

Core Features & Use Cases

  • Interactive Testing: Execute JavaScript code cells with immediate visual feedback.
  • Overlay Previews: Generate full-screen previews with responsive device testing.
  • Use Case: Imagine you're developing a new accordion block. Use this Skill to instantly test different content structures, validate accessibility, and preview responsive behavior across mobile, tablet, and desktop views.

Quick Start

Use the jupyter-notebook-testing skill to create a visual preview of the accordion block with sample FAQ content.

Frequently Asked Questions about jupyter-notebook-testing

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

FAQPage Schema
How do I test Adobe EDS blocks without a complex local development setup?▼

Interactive browser-based testing of EDS blocks is enabled through Jupyter notebooks using ipynb-viewer, which executes JavaScript code cells with immediate visual feedback. This eliminates the need for local environment configuration and allows instant validation of block behavior.

Can I preview responsive EDS block behavior across different device sizes?▼

Overlay previews generated within Jupyter notebooks support responsive device testing across mobile, tablet, and desktop views. This lets you validate layout and functionality without switching between tools or deployment environments.

How do I create and edit Jupyter notebooks specifically for testing EDS blocks?▼

Use .ipynb notebooks in your browser with per-cell ES6 module imports of testBlock and showPreview functions. Each cell executes independently, enabling incremental testing and direct JavaScript decoration of EDS blocks with minimal DOM manipulation.

What accessibility validation can I perform on EDS blocks during testing?▼

Jupyter notebook cells let you test different content structures and validate accessibility properties of EDS blocks interactively before production deployment. Visual feedback from each cell execution surfaces accessibility issues early in development.

Do I need additional build tools or servers to test EDS blocks with Jupyter notebooks?▼

No—browser-only execution means testing happens directly in your browser without external servers or build processes. The ipynb-viewer handles all execution and decoration requirements, making setup immediate and dependency-free.

Related Skills

Explore More Software Engineering Skills→
nibzardnibzard
2

marimo-notebook

Create, edit, and debug reactive Marimo notebooks with code patterns.

Community
Advanced
Focus-GTSFocus-GTS

block-scaffolder

Generate EDS block scaffolds with JavaScript decoration, scoped CSS, and authoring markup.

Official
Advanced
edwinhuedwinhu
19

notebook-debug

Inspect .ipynb files for tracebacks and cell execution issues.

Community
Intermediate
imbue-aiimbue-ai
213

openhost-frontend-preview

Run a Vite dev server with hot-reloading for the Sculptor WEB frontend.

Official
Intermediate