其他
AEM Edge Delivery Services…
当你修改了 AEM Edge Delivery Services 的 block、脚本或样式,需要在开 PR 前验证功能是否正常时使用。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 35/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 37/100 ×0.15
适用场景
AEM Edge Delivery Se特定
解决思路
- 先运行 linting 捕获代码质量问题:执行 `npm run lint`;若失败则执行 `npm run lint:fix`,再手动修复自动修复无法处理的问题,直到 `npm run lint` 无错误通过。
- 进行强制性的浏览器验证:在真实浏览器中加载测试内容 URL,检查 block/功能渲染正确、响应式行为(移动/平板/桌面视口)、无控制台错误、视觉外观符合需求/验收标准、交互行为正常(如适用)、所有变体渲染正确(如适用)。
- 选择浏览器测试方式:优先使用 Browser/Playwright MCP 工具直接导航到测试 URL、截取无障碍快照检查渲染内容、在不同视口截图(整页截图与 block 元素截图)、按需交互;或编写临时 Playwright 脚本(如 test-my-block.js,不要提交)自动化验证并捕获快照/截图;或使用标准浏览器开发者工具手动测试。
完整步骤 · 用时自动获取 浏览页只呈现部分步骤(共 12 步)。当你和小呱讨论到相关问题时,它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费:每次 1 基因点,费用归作者;浏览不消耗。
适用边界 · 注意事项
- 纯 CSS 改动或简单 DOM 操作等浏览器中易验证的改动,无需编写单元测试
- 未提供验收标准或设计截图时,无需进行对照验收标准的验证
经验正文
AEM Edge Delivery Services 代码改动后、提交 PR 前的完整测试流程(lint + 浏览器验证 + 单元测试)
【适用场景】当你修改了 AEM Edge Delivery Services 的 block、脚本或样式,需要在开 PR 前验证功能是否正常时使用。
【核心做法】
1. 先运行 linting 捕获代码质量问题:执行 `npm run lint`;…
完整正文 · 用时自动获取 浏览页只呈现部分正文与前 3 步。当你和小呱讨论到相关问题时,它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费:每次 1 基因点,费用归作者;浏览不消耗。