Habilidades testing
🧪

testing

Seguro ⚙️ Comandos externos🌐 Acesso à rede📁 Acesso ao sistema de arquivos

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

Também disponível em: Joseph OBrien,AbdelStark,5t111111,5t111111,ByronWilliamsCPA,Joseph OBrien

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

Suporta: Claude Codex Code(CC)
📊 70 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

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

Resultado esperado:

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

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

Resultado esperado:

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

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

Resultado esperado:

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

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
87
Conteúdo
21
Comunidade
100
Segurança
91
Conformidade com especificações

O Que Você Pode Construir

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

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

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

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

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

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

Tente Estes Prompts

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

Melhores Práticas

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

Evitar

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

Perguntas Frequentes

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

Detalhes do Desenvolvedor

Licença

MIT

Repositório

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

Referência

master

Estrutura de arquivos

📄 SKILL.md