webapp-testing
Тестирование веб-приложений с Playwright
Изменения во фронтенде требуют проверки в реальном браузере, а не только статических проверок. Этот навык помогает Claude, Codex и Claude Code выполнять тестирование на основе Playwright, отладку, создание скриншотов и проверку консоли.
Этот навык входит в набор
Установите весь набор одной командой, чтобы получить все навыки для задачи.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/7spade-webapp-testing.md and its manifest at https://skillstore.io/api/skills/7spade-webapp-testing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «webapp-testing». Проверь, загружается ли dashboard по URL моего локального приложения.
Ожидаемый результат:
Dashboard успешно загрузился. Заголовок страницы совпал с ожидаемым названием приложения, основная навигация была видна, и ошибок консоли не было.
Использование «webapp-testing». Выясни, почему кнопка отправки не работает.
Ожидаемый результат:
Кнопка была видна, но клик не привел к навигации. В консоли браузера появилась ошибка валидации, а скриншот показал пустое обязательное поле.
Использование «webapp-testing». Проверь страницу на мобильной ширине.
Ожидаемый результат:
В целом mobile viewport отобразился корректно. Основное действие осталось видимым, но footer перекрыл последнее поле формы.
Аудит безопасности
БезопасноThe static findings are false positives caused by markdown code fences, a localhost Playwright navigation example, local screenshot capture guidance, and selector advice. I found no prompt injection, data exfiltration intent, or unsafe automated behavior in SKILL.md.
Факторы риска
⚙️ Внешние команды (13)
🌐 Доступ к сети (1)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/7spade-webapp-testing/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/7spade-webapp-testing?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/7spade-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7spade-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/7spade-webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
7Spade. (2026). webapp-testing security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7spade-webapp-testing/audits/8Цитата BibTeX
@techreport{7spade-7spade-webapp-testing-2026,
author = {7Spade},
title = {webapp-testing security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/7spade-webapp-testing/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "7Spade"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/7spade-webapp-testing/audits/8"
identifiers:
- type: other
value: "skillstore:7spade-webapp-testing:audit:8"
description: "Skillstore immutable audit report identifier"
Сравнить варианты
11 устанавливаемых вариантовНавык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
autumnsgrove-webapp-testing
2026-09-09
7spade-webapp-testing
2026-09-09
webapp-testing
2026-09-09
zhanlincui-webapp-testing
2026-09-09
artemisai-webapp-testing
2026-09-09
sickn33-webapp-testing
2026-09-09
azeem-2-webapp-testing
2026-09-09
cam10001110101-webapp-testing
2026-09-09
dyai2025-webapp-testing
2026-09-09
davila7-webapp-testing
2026-09-09
composiohq-webapp-testing
2026-09-09
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Проверить изменение во фронтенде
Запустить браузерный сценарий после изменения поведения UI и подтвердить, что появляется ожидаемое состояние страницы.
Отладить неудачный пользовательский сценарий
Собрать скриншоты, сообщения консоли и состояние браузера, чтобы понять, почему форма или навигационный поток завершается ошибкой.
Проверить адаптивное поведение
Проверить одну и ту же страницу при разных размерах viewport и убедиться, что важные элементы управления остаются видимыми и пригодными для использования.
Попробуйте эти промпты
Используй навык webapp-testing, чтобы открыть мое локальное приложение, подтвердить загрузку главной страницы и сообщить заголовок страницы и любые ошибки консоли.
Используй навык webapp-testing, чтобы заполнить форму входа тестовыми учетными данными, отправить ее и проверить, появляется ли ожидаемая целевая страница.
Используй навык webapp-testing, чтобы воспроизвести неудачный клик по кнопке, сделать скриншот, проверить логи консоли и объяснить вероятную причину.
Используй навык webapp-testing, чтобы протестировать процесс оформления заказа на desktop и mobile ширинах, проверить ключевые элементы и кратко описать любые различия.
Лучшие практики
- Начинайте с простой проверки загрузки страницы перед тестированием сложных сценариев.
- Используйте стабильные селекторы, такие как roles или атрибуты data-testid.
- Сохраняйте скриншоты и логи консоли, когда браузерный тест завершается неудачно.
Избегать
- Не тестируйте production-аккаунты или реальные данные клиентов без разрешения.
- Не полагайтесь только на хрупкие селекторы CSS-классов, когда есть более надежные селекторы.
- Не пропускайте ожидания после навигации или асинхронных обновлений UI.