javascript-testing-patterns
Написание тестов JavaScript с Jest и Vitest
Написание надёжных тестов для приложений JavaScript и TypeScript требует много времени и подвержено ошибкам. Этот навык предоставляет готовые к использованию паттерны тестирования для модульных тестов, интеграционных тестов и тестов компонентов с мокированием, фикстурами и рабочими процессами TDD.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «javascript-testing-patterns». Write tests for a user service that creates, updates, and deletes users
Ожидаемый результат:
- Created UserService with CRUD operations
- Tested create() method - success case and duplicate user error
- Tested update() method - success case and user not found error
- Tested delete() method - successful deletion and non-existent user
- Used beforeEach to reset service state between tests
- Added comprehensive assertions for all edge cases
Использование «javascript-testing-patterns». Create a test for an API service that fetches data from an external endpoint
Ожидаемый результат:
- Set up ApiService with fetchUser and createUser methods
- Mocked global.fetch with vi.fn() for isolated testing
- Tested successful user fetch with mock response
- Tested error handling for failed API calls
- Verified correct HTTP methods and request bodies
Использование «javascript-testing-patterns». Write a React component test for a form with user input and submission
Ожидаемый результат:
- Rendered UserForm component with Testing Library
- Tested input field rendering and state updates
- Verified onSubmit callback fires with correct data
- Used fireEvent to simulate user interactions
- Added testid attributes for reliable element selection
Аудит безопасности
БезопасноThis is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
Факторы риска
🌐 Доступ к сети (33)
⚙️ Внешние команды (43)
📁 Доступ к файловой системе (9)
🔑 Переменные окружения (8)
Оценка качества
Что вы можете построить
Тестирование компонентов React
Писать тесты компонентов с React Testing Library для проверки поведения UI и взаимодействия пользователя.
Тестирование API endpoints
Создавать интеграционные тесты для REST API с фикстурами базы данных и потоками аутентификации.
Реализация рабочего процесса TDD
Следовать паттернам разработки через тестирование для создания надёжных функций и сервисов с высоким покрытием.
Попробуйте эти промпты
Напишите модульные тесты для этой функции, которые покрывают обычные случаи, граничные случаи и условия ошибок.
Создайте тесты для этого сервиса, которые мокируют внешние вызовы API с использованием vi.mock или jest.mock.
Напишите тесты компонентов с использованием @testing-library/react, которые тестируют взаимодействие пользователя и рендеринг.
Создайте интеграционные тесты для этого REST API endpoint, включая аутентификацию и очистку базы данных.
Лучшие практики
- Используйте паттерн AAA: Arrange (подготовка входных данных), Act (вызов функции), Assert (проверка ожидаемых результатов)
- Мокируйте внешние зависимости, чтобы тесты были быстрыми и изолированными от реальных сервисов
- Тестируйте поведение, а не детали реализации, чтобы тесты были устойчивы к рефакторингу
Избегать
- Избегайте тестирования деталей реализации, которые часто меняются
- Не пишите тесты, которые зависят от порядка выполнения или общего состояния
- Не пропускайте мокирование медленных внешних сервисов в модульных тестах