Compétences testing
🧪

testing

Sûr ⚙️ Commandes externes🌐 Accès réseau📁 Accès au système de fichiers

Написание и отладка тестов с Playwright, Vitest и Storybook

Également disponible depuis: 5t111111,ByronWilliamsCPA,AbdelStark,Joseph OBrien,5t111111,Joseph OBrien

Написание и поддержка тестов требует много времени и подвержено ошибкам без надлежащей экспертизы. Этот навык предоставляет экспертное руководство по созданию E2E-тестов Playwright, модульных тестов Vitest и интерактивных тестов Storybook для приложений на TypeScript и React.

Prend en charge: Claude Codex Code(CC)
📊 70 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "testing". Напиши E2E-тест Playwright для функции входа

Résultat attendu:

  • Сначала я прочитаю исходный код компонента Login, чтобы определить стабильные селекторы, такие как атрибуты data-testid или title.
  • Затем я создам тестовый файл, следуя конвенциям проекта, с настройкой beforeEach и вспомогательными методами.

Utilisation de "testing". Как написать модульные тесты для пользовательского React-хука?

Résultat attendu:

  • Используй Vitest с Testing Library. Создай файл hook-name.test.ts.
  • Используй renderHook для тестирования начального состояния и обновлений состояния с act() для асинхронных операций.

Utilisation de "testing". Мой тест падает, потому что не может найти кнопку

Résultat attendu:

  • Селектор может быть ненадёжным. Проверь, использует ли кнопка атрибуты data-testid, title или aria-label.
  • Если нет, прочитай исходный код компонента, чтобы найти стабильные идентификаторы. Избегай CSS-классов и XPath, которые могут сломаться при изменении стилей.

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
21
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Знакомство с тестированием

Изучение паттернов и конвенций тестирования при присоединении к проекту с существующими тестами Playwright, Vitest или Storybook

Настройка тестовой инфраструктуры

Создание рабочих процессов тестирования с надлежащими фикстурами, селекторами и конвенциями для совместной разработки тестов

Отладка падающих тестов

Диагностика причин падения тестов и обучение написанию поддерживаемых тестов, избегающих распространённых ошибок

Essayez ces prompts

Настройка тестов 
Настрой тестирование для моего проекта. Я хочу написать E2E-тесты Playwright для моего React-приложения. Покажи структуру файлов, паттерн тестирования и как создать вспомогательный класс для общих операций редактора.
Написание E2E-теста 
Напиши E2E-тест Playwright для функции входа. Перед написанием прочитай исходный файл компонента Login, чтобы определить правильные селекторы. Протестируй, что пользователи могут ввести учётные данные и успешно войти в систему.
Отладка падающего теста 
Мой тест Playwright падает непостоянно. Ошибка говорит, что кнопка панели инструментов не видна. Помоги мне отладить это. Я использую атрибут title для поиска кнопок. Что может вызывать эту нестабильность?
Увеличение покрытия 
Проанализируй мой отчёт о покрытии тестами и предложи наиболее значимые тесты для добавления. Расставь приоритеты по пользовательским сценариям и граничным случаям. Покажи мне конкретные тестовые случаи, которые я должен добавить для компонента редактора.

Bonnes pratiques

  • Используй стабильные селекторы, такие как data-testid и aria-label, вместо CSS-классов или XPath
  • Следуй паттерну разведка-затем-действие: читай исходный код компонента перед написанием тестов
  • Пиши независимые тесты, которые не зависят от порядка выполнения или общего состояния

Éviter

  • Угадывание селекторов без предварительного чтения исходного кода
  • Тестирование деталей реализации вместо поведения, видимого пользователю
  • Создание тестов, которые зависят от выполнения других тестов перед ними

Foire aux questions

Какие браузеры поддерживает тестирование Playwright?
Playwright поддерживает Chromium, Firefox и WebKit. Это покрывает Chrome, Edge, Safari и мобильные браузеры.
Сколько тестовых файлов мне следует создать?
Организуй тесты по функциональности, а не по типу тестов. Один spec-файл на функцию сохраняет тесты сфокусированными и поддерживаемыми.
Могу ли я интегрировать это с CI-конвейерами?
Да. Playwright и Vitest работают с GitHub Actions, CircleCI и другими CI-системами. Используй флаг CI для надёжного выполнения.
Сохраняет или передаёт ли этот навык мой код?
Нет. Этот навык только читает твои локальные файлы для написания тестов. Код никогда не покидает твою машину или директорию проекта.
Почему мои тесты нестабильны и падают непостоянно?
Распространённые причины включают проблемы с таймингом, сетевые зависимости или общее состояние. Используй явные ожидания и изолируй тестовые данные.
Чем это отличается от других инструментов тестирования?
Этот навык сфокусирован на современном тестировании JavaScript с Playwright для E2E, Vitest для модульных тестов и Storybook для тестирования компонентов.

Détails du développeur

Auteur

CrazySwami

Licence

MIT

Dépôt

https://github.com/CrazySwami/cross-platform-web-app-research/tree/master/.claude/skills/testing

Réf

master

Structure de fichiers

📄 SKILL.md