jupyter-notebook-testing

jupyter-notebook-testing 技能为 Adobe Edge Delivery Services (EDS) 提供了一个简化且原生的浏览器开发环境。通过利用 ipynb-viewer 区块，开发人员可以直接在 EDS 驱动的网站内创建、管理并执行 Jupyter Notebook。这种方法以即时、交互式的实验取代了繁琐的构建流程，允许开发人员在不离开浏览器的情况下快速迭代区块装饰、样式与 DOM 操作。对于需要快速反馈以进行组件验证的前端工程师、区块开发人员与技术内容创作者而言，这是理想的工具。

• 使用 ipynb-viewer 进行原生浏览器执行环境，以实现实时的 EDS 区块渲染。

• 提供先进的辅助函数，包括用于 DOM 装饰的 testBlock() 以及用于覆盖层视觉测试的 showPreview()。

• 支持 ES6 导入，允许从外部脚本模块化地测试辅助函数与区块逻辑。

• 集成响应式预览系统，可在全屏幕覆盖层内切换手机、平板与桌面视图。

• 遵循最小化 DOM 结构要求，确保区块依据官方 EDS 模式进行装饰。

• 具备创建可执行文档的能力，让用户能与区块演示进行交互。

• 使用 scripts/ipynb-helpers.js 以确保在所有 Notebook 单元中访问工具的一致性。

• 专为极简依赖环境设计，完全兼容于原生 JavaScript 工作流程。

• 用于调试 CSS、排查装饰错误，以及在各种设备断点测试区块响应式表现。

• 在创建 Notebook 时，请确保每个单元皆通过局部导入所需辅助工具，保持其独立性。

• 覆盖层预览可避免常见的浏览器限制（如弹出窗口拦截器），提供干净且持久的测试接口。

• 当测试遵循标准 EDS 装饰生命周期与区块结构的组件时，此系统表现最佳。

• 与更大型的 webcomponents-with-eds 架构兼容，方便快速克隆与改编现有的测试模板。