К основному содержанию
команда

svelte-test-fix — команда для Claude Code: чинит падающие тесты Svelte

Слэш-команда для Claude, которая разбирает падающие тесты в Svelte и SvelteKit и предлагает исправления. Пригодится, когда тесты сыпятся после правок компонентов.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓
npx claude-code-templates@latest --command svelte/svelte-test-fix
Открыть на GitHub

Что делает svelte-test-fix

Команда включает режим специалиста по тестированию Svelte. Агент читает сообщения об ошибках и стек-трейсы, ищет закономерность: тест падает всегда, только в определённом окружении или через раз. Дальше смотрит свежие изменения в коде — часто причина там.

Внутри разбор по трём группам. Для компонентных тестов это тайминги асинхронности, очистка после размонтирования, реактивность и биндинги, запросы к DOM. Для E2E — ожидания, селекторы через data-testid, конфигурация маршрутов и моки API. Отдельно окружение: пути импортов, tsconfig для тестов, глобальные переменные, конфликты сборок. В качестве приёмов отладки команда советует debug() из Testing Library, вывод состояния компонента и page.pause() в Playwright.

Стратегия починки простая: изолировать падающий тест, добавить логирование, упростить кейс, замокать внешние зависимости. Для нестабильных тестов предлагается retry. Учтите: команда рассчитана на проекты, где тесты уже настроены — если у вас нет ни тест-раннера, ни Playwright, сначала придётся их поставить.

Какие задачи решает

  • разобрать стек-трейс упавшего компонентного теста
  • починить тест, который падает через раз
  • найти причину ошибки Cannot access before initialization
  • настроить ожидания и селекторы в E2E-тестах на Playwright
  • убрать конфликты сборки тестов с основной сборкой

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

  • /svelte:test-fix — компонентные тесты падают с ошибкой Cannot access before initialization
  • /svelte:test-fix — E2E-тест не находит кнопку после навигации
  • /svelte:test-fix — тест проходит локально, но падает в CI

Как установить svelte-test-fix

1Через claude-code-templates

npx claude-code-templates@latest --command svelte/svelte-test-fix

2Вручную: положить файлы

.claude/commands/svelte-test-fix.md

Вызов — /svelte-test-fix. Для всех проектов — ~/.claude/commands/

Вопросы о svelte-test-fix

Как установить svelte-test-fix в Claude?

Выполните npx claude-code-templates@latest --command svelte/svelte-test-fix, после чего файл появится по пути .claude/commands/svelte-test-fix.md.

Что делает svelte-test-fix?

Разбирает причины падения тестов в Svelte и SvelteKit, проверяет свежие изменения в коде и предлагает исправления для таймингов, селекторов, моков и конфигурации окружения.

Какие типы тестов она разбирает?

Компонентные тесты, E2E на Playwright и проблемы окружения: пути импортов, tsconfig для тестов, глобальные переменные, конфликты сборок.

Исходный текст

svelte-test-fix.md · MIT
---
description: "Troubleshoot and fix failing tests in Svelte/SvelteKit projects, including debugging test issues and resolving common testing problems."
---

# /svelte:test-fix

Troubleshoot and fix failing tests in Svelte/SvelteKit projects, including debugging test issues and resolving common testing problems.

## Instructions

You are acting as the Svelte Testing Specialist Agent focused on fixing test issues. When troubleshooting tests:

1. **Diagnose Test Failures**:
   - Analyze error messages and stack traces
   - Identify failure patterns (flaky, consistent, environment-specific)
   - Check test logs and debug output
   - Review recent code changes

2. **Common Test Issues**:
   
   **Component Tests**:
   - Async timing issues → Use `await tick()` or `flushSync()`
   - Component not cleaning up → Ensure proper unmounting
   - State not updating → Check reactivity and bindings
   - DOM queries failing → Use proper Testing Library queries
   
   **E2E Tests**:
   - Timing issues → Add proper waits and assertions
   - Selector problems → Use data-testid attributes
   - Navigation failures → Check route configurations
   - API mocking issues → Verify mock setup
   
   **Environment Issues**:
   - Module resolution → Check import paths
   - TypeScript errors → Verify test tsconfig
   - Missing globals → Configure test environment
   - Build conflicts → Separate test builds

3. **Debugging Techniques**:
   ```javascript
   // Add debug helpers
   const { debug } = render(Component);
   debug(); // Print DOM
   
   // Component state inspection
   console.log('Props:', component.$$.props);
   console.log('Context:', component.$$.context);
   
   // Playwright debugging
   await page.pause(); // Interactive debugging
   await page.screenshot({ path: 'debug.png' });
   ```

4. **Fix Strategies**:
   - Isolate failing tests
   - Add detailed logging
   - Simplify test cases
   - Mock external dependencies
   - Fix timing/race conditions

5. **Prevention**:
   - Add retry logic for flaky tests
   - Improve test stability
   - Set up better error reporting
   - Create test utilities

## Example Usage

User: "My component tests are failing with 'Cannot access before initialization' errors"

Assistant will:
- Analyze the test setup
- Check component lifecycle
- Identify initialization issues
- Fix async/timing problems
- Add proper test utilities
- Ensure cleanup procedures
- Provide debugging tips

© davila7 · MIT · davila7/claude-code-templates

Похожие слэш-команды

Всё по теме «Тесты и QA» →
fix Alireza Rezvani Разбирает падающий или нестабильный Playwright-тест по категориям и доводит его до стабильного прохождения. Пригодится, когда тест падает в CI, а локально проходит. 1 638установок svelte-code-writer sveltejs Скилл ищет официальную документацию Svelte 5 и проверяет компоненты через autofixer. Пригодится при написании и правке файлов .svelte или .svelte.ts. CX Codex +1 12 900установок sentry-svelte-sdk getsentry Скилл проводит агента через полную настройку Sentry в Svelte и SvelteKit: сканирует проект, предлагает набор функций и пишет конфиги. CX Codex +1 2 100установок recording-browser-flow-as-test spencerpauly Записывает действия в браузере через MCP и превращает их в E2E-тест Playwright с надёжными селекторами accessibility tree. CX Codex +1 406установок svelte Claude MPM Team Скилл помогает писать интерфейсы на Svelte 5 и приложения на SvelteKit. Пригодится для реактивного состояния, компонентов и серверного или статического рендеринга. CX Codex +1 343установок playwright-generate-test официальный github Создаёт Playwright-тест по сценарию через Playwright MCP. Подходит, когда нужно пройти сценарий в браузере перед генерацией кода. 18 162установок

Из того же набора205

Весь набор →
sync-migration-assistant Слэш-команда для миграции задач между GitHub и Linear с проверкой данных и откатом. Пригодится, когда проекты переезжают между трекерами. 120установок svelte-storybook-troubleshoot Слэш-команда разбирает типовые поломки Storybook в проектах на SvelteKit: ошибки сборки, неразрешённые модули, конфликты аддонов. 118установок concise-planning Превращает запрос на доработку в один план с атомарными шагами. Пригодится, когда нужно согласовать объём работ до правок в коде. 117установок deep-research-notebooklm Ведёт многошаговое исследование рынка, конкурентов или клиента на движке Google NotebookLM и сохраняет готовый бриф в файл. 115установок wireshark-analysis Скилл для Claude, который помогает разбирать сетевой трафик в Wireshark: фильтры, потоки TCP/UDP, поиск аномалий и подозрительных пакетов. 113установок latex-posters Скилл помогает собрать постер для конференции или защиты в LaTeX: раскладка, цвета, колонки, вставка рисунков. 112установок obsidian-clipper-template-creator Скилл помогает собрать JSON-шаблон для Obsidian Web Clipper: разбирает страницу, находит переменные и отдаёт готовый файл для импорта. 110установок discord-bot-architect Помогает писать ботов для Discord на JavaScript и Python: слэш-команды, кнопки, меню, шардинг. Пригодится, когда бот выходит за пределы учебного примера. 106установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой