AIKraft/Skills/Блоки тестирования

Блоки тестирования

Use this when you have made AEM Edge Delivery Services code changes to blocks, scripts, or styles and need to validate them before opening a pull request. Covers unit testing for utilities and logic, browser testing with Playwright, linting, and guidance on what to test and how.

adobe official Разработка

Что делает навык

Навык обеспечивает процесс тестирования изменений в блоках, скриптах и стилях AEM Edge Delivery Services перед созданием pull request. Он включает линтинг, обязательную валидацию в реальном браузере (Playwright или вручную) и проверку существующих юнит-тестов.

Когда применять

  • После реализации или модификации блоков AEM
  • После изменений в основных скриптах (scripts.js, delayed.js, aem.js) или стилях (styles.css, lazy-styles.css)
  • После изменений конфигурации, влияющих на функциональность
  • Перед открытием любого pull request с изменениями кода

Как работает

  1. Запустить линтинг командой npm run lint и исправить ошибки (npm run lint:fix или вручную)
  2. Выполнить обязательную валидацию в браузере: загрузить тестовый URL, проверить рендеринг, адаптивность (mobile/tablet/desktop), отсутствие ошибок в консоли и соответствие критериям приемки, зафиксировав скриншоты
  3. Определить необходимость юнит-тестов для сложной логики; если нужно, написать и запустить тесты через npm test
  4. Запустить существующие тесты (npm test) для проверки отсутствия регрессий

Примеры запросов агенту

Я изменил логику блока Hero, проверь его перед пулл-реквестом
Нужно протестировать новые стили для блока Footer в AEM Edge Delivery Services
Выполни тестирование блока Product после обновления скриптов

Что понадобится

  • Среда выполнения AEM Edge Delivery Services с доступом к локальному серверу (aem up)
  • Инструменты для тестирования в браузере (Playwright, MCP browser или ручной доступ к dev tools)
  • Наличие тестового контента в drafts/tmp/ для валидации URL

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «testing-blocks» из репозитория: # https://github.com/adobe/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r testing-blocks/ ~/.claude/skills/testing-blocks/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.