Улучшение практик тестирования Vue
Наборы тестов Vue часто становятся нестабильными, хрупкими или сложными в настройке. Этот навык предоставляет сфокусированные рекомендации по надежным тестам Vue 3 с использованием Vitest, Vue Test Utils, Pinia, асинхронных вспомогательных функций и Playwright.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "vue-testing-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-testing-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «vue-testing-best-practices». Тест компонента завершается ошибкой до того, как отрендерятся асинхронные данные.
Ожидаемый результат:
Вероятная проблема — незавершенные промисы после монтирования. Рекомендация — дождаться обновлений Vue, сбросить ожидающие промисы и выполнять утверждения только после завершения работы асинхронного компонента или запроса.
Использование «vue-testing-best-practices». Команда полагается на широкие snapshots для покрытия компонентов.
Ожидаемый результат:
Ответ рекомендует использовать небольшие snapshots только для стабильной разметки и добавляет поведенческие утверждения для видимого текста, отправленных событий, состояния формы и пользовательских взаимодействий.
Использование «vue-testing-best-practices». Модальное окно, отрендеренное с помощью Teleport, не находится в запросах wrapper.
Ожидаемый результат:
Ответ объясняет, почему запросы, ограниченные wrapper, не видят телепортированный DOM, и рекомендует заглушать Teleport для unit-тестов или выполнять запросы к document body для интеграционных тестов.
I found no evidence of malicious intent or prompt injection. The static findings are false positives from documentation examples: local dynamic imports, CI flags, localhost URLs, and Markdown backticks. No remediation is required before publication from this audit.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-testing-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-testing-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>github.com/vuejs-ai. (2026). vue-testing-best-practices security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4@techreport{github-com-vuejs-ai-vuejs-ai-vue-testing-best-practices-2026,
author = {github.com/vuejs-ai},
title = {vue-testing-best-practices security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-testing-best-practices security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
- name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4"
identifiers:
- type: other
value: "skillstore:vuejs-ai-vue-testing-best-practices:audit:4"
description: "Skillstore immutable audit report identifier"
Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.
Почему этот вариант первый
vuejs-ai-vue-testing-best-practices
2026-09-09
antfu-vue-testing-best-practices
2026-09-09
Диагностировать проблемы асинхронных обновлений и выбирать правильные ожидания для обновлений DOM во Vue, промисов и пользовательских событий.
Выбрать Vitest, браузерный режим или Playwright на основе области тестирования, требований к среде выполнения и ограничений CI.
Заменить хрупкие snapshots и проверки, завязанные на реализацию, утверждениями, сфокусированными на поведении, и поддерживаемыми вспомогательными функциями.
Помоги мне выбрать настройку тестирования Vue 3 для проекта Vite. Сравни Vitest, Vue Test Utils, браузерный режим и Playwright для моего сценария использования.
Проверь этот падающий тест Vue и объясни, следует ли мне использовать nextTick, flushPromises, waitFor или Suspense. Сфокусируйся на проблеме асинхронного тайминга.
Оцени мой подход к тестированию Pinia. Порекомендуй, когда использовать createTestingPinia, setActivePinia, заглушенные actions и выполнение реальных actions.
Создай стратегию тестирования Vue для большого приложения с composables, хранилищами Pinia, асинхронными компонентами, модальными окнами Teleport, поведением, специфичным для браузера, и E2E-сценариями.
Автор
github.com/vuejs-aiЛицензия
MIT
Версия автора
v1.0.0
Ревизия Skillstore
r1
Ссылка
36e07d5e13068e5be64447e8f20b427cf2cbd21a
Актуальность поддержки
18.07.2026
Использование
14 загрузок · 237 просмотров
Структура файлов
📄 teleport-testing-complexity.md
📄 testing-async-await-flushpromises.md
📄 testing-browser-vs-node-runners.md
📄 testing-component-blackbox-approach.md
📄 testing-composables-helper-wrapper.md
📄 testing-e2e-playwright-recommended.md
📄 testing-pinia-store-setup.md
📄 testing-suspense-async-components.md
📄 testing-vitest-recommended-for-vue.md
📄 SKILL.md
Улучшение качества кода Vue 3
В проектах Vue со временем часто накапливаются ошибки, связанные с реактивностью, компонентами и производительностью. Этот навык дает целевые рекомендации по Vue 3 для более безопасных паттернов и более понятного кода.
Улучшение компонентов Vue Options API
Проекты на Vue Options API могут терять безопасность типов и корректную привязку this. Этот skill дает прямые шаблоны для более безопасных компонентов Vue.
Создание адаптируемых Vue Composables
Vue composables часто дают сбой, когда вызывающий код передает смесь простых значений, refs и getters. Этот skill помогает Claude, Codex и Claude Code проектировать переиспользуемые composables с предсказуемой реактивностью Vue.
Улучшение паттернов хранилищ Vue Pinia
Приложения Vue часто дают сбои, потому что легко упустить правила настройки хранилища, деструктуризации и состояния в URL. Этот навык дает Claude, Codex и Claude Code сфокусированные рекомендации по Pinia для надежных хранилищ и предсказуемой реактивности.
Улучшение навигационных guards в Vue Router
Проблемы с Vue Router могут приводить к устаревшим данным, неработающим перенаправлениям и слабым проверкам маршрутов. Этот навык дает сфокусированные шаблоны для guards, params, очистки и маршрутизации в production.
Создавайте более качественные компоненты Vue и Nuxt
Проекты Vue и Nuxt часто страдают от неясного состояния, хрупких компонентов и непоследовательного потока данных. Этот навык направляет AI-ассистентов к практичным паттернам Vue 3 и Nuxt 3.
Постройте практическую стратегию тестирования
от Atman36
Команды часто добавляют тесты без четкого понимания области применения, инструментов или целей покрытия. Этот skill предоставляет практический план для тестирования с Vitest, Playwright и CI.
Создавайте надежную автоматизацию тестирования
от 89jobrien
Слабые тесты замедляют релизы и скрывают регрессии. Этот навык помогает со стратегией тестирования, TDD, автоматизацией, анализом покрытия и веб-проверками Playwright.
Улучшение покрытия тестами Playwright
от C0ntr0lledCha0s
Наборы тестов Playwright могут становиться нестабильными, когда конфигурация, локаторы и фикстуры непоследовательны. Этот навык дает практические шаблоны для надежных браузерных тестов, отладки и переиспользуемых page objects.
Создавайте тесты веб-приложений на Playwright
от AutumnsGrove
Ручное тестирование в браузере занимает много времени и часто пропускает регрессии в формах, на разных устройствах и при разных состояниях сети. Этот навык помогает Claude, Codex и Claude Code создавать практичные тесты Playwright для реальных веб-сценариев.
Планируйте надежные тесты во всей кодовой базе
от 0xDarkMatter
Этот skill помогает командам выбирать стратегии тестирования, моки, фикстуры данных, пороги покрытия и CI-паттерны, не смешивая уровни тестирования. Он дает Claude, Codex и Claude Code структурированные рекомендации для unit, integration, end-to-end, TDD и pipeline-тестирования.
Систематическая отладка проблем в ПО
от Asmayaseen
Неструктурированное исправление ошибок тратит время впустую и может скрывать реальную причину сбоя. Этот навык проводит Claude, Codex и Claude Code через доказательный анализ первопричин.