Навыки vue-testing-best-practices

📦

vue-testing-best-practices

Name: vue-testing-best-practices
Author: github.com/vuejs-ai

v1.0.0 Ревизия содержимого r2 Безопасно ⚡ Содержит скрипты⚙️ Внешние команды🌐 Доступ к сети🔑 Переменные окружения

Улучшение качества тестов Vue

Тестирование Vue часто дает сбои из-за асинхронных таймингов, хрупкой привязки к внутренней реализации и слабых снимков. Этот навык направляет Claude, Codex и Claude Code к надежным паттернам Vitest, Vue Test Utils и Playwright.

Поддерживает: Claude Codex Code(CC)

🥈 80 Серебро

Maintain this Skill? Claim it 🥈 80 Серебро

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "vue-testing-best-practices" from https://skillstore.io/skills/antfu-vue-testing-best-practices.md and its manifest at https://skillstore.io/api/skills/antfu-vue-testing-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/antfu-vue-testing-best-practices.md Подписанный manifest GET /api/skills/antfu-vue-testing-best-practices/manifest Подписанный lockfile GET /api/skills/antfu-vue-testing-best-practices/lockfile

Протестировать

Использование «vue-testing-best-practices». Команда спрашивает, почему тесты асинхронных компонентов выполняют assertions до появления контента.

Ожидаемый результат:

Объясняет, что асинхронные компоненты Vue разрешаются после первичного mount.
Рекомендует дождаться pending promises перед финальными assertions.
Предлагает отдельно покрывать состояния loading, success и error.

Использование «vue-testing-best-practices». Ревьюер находит тесты, которые напрямую читают private state компонента.

Ожидаемый результат:

Определяет тесты как привязанные к реализации и хрупкие.
Рекомендует user-facing queries, проверки emitted events и assertions по видимому выводу.
Оставляет рекомендации по data-testid для элементов без семантического значения.

Использование «vue-testing-best-practices». Проекту нужны рекомендации по E2E для приложения Vue.

Ожидаемый результат:

Рекомендует Playwright для кроссбраузерного покрытия и интеграции с локальным server.
Предлагает стабильные locator patterns и настройки retry с учетом CI.
Отделяет E2E flows от покрытия уровня компонентов в Vitest.

Аудит безопасности

Безопасно

v5 • 23.07.2026 Открыть версионный отчет

All 42 static detections are false positives caused by Markdown examples, ordinary test configuration, localhost URLs, and official documentation links. The examples do not execute shell commands, read environment files, expose secrets, or contact untrusted services. No prompt injection or other semantic security concern was found.

Просканировано файлов

2,255

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

⚡ Содержит скрипты (5)

reference/async-component-testing.md:28 reference/async-component-testing.md:46 reference/async-component-testing.md:60 reference/async-component-testing.md:85 reference/async-component-testing.md:142

⚙️ Внешние команды (4)

reference/async-component-testing.md:98-110 reference/testing-no-snapshot-only.md:109-111 reference/testing-suspense-async-components.md:57-72 reference/testing-suspense-async-components.md:203-213

🌐 Доступ к сети (6)

reference/testing-e2e-playwright-recommended.md:50 reference/testing-e2e-playwright-recommended.md:80 SKILL.md:26 SKILL.md:27 SKILL.md:28 SKILL.md:29

🔑 Переменные окружения (10)

reference/testing-e2e-playwright-recommended.md:43 reference/testing-e2e-playwright-recommended.md:44 reference/testing-e2e-playwright-recommended.md:45 reference/testing-e2e-playwright-recommended.md:81 reference/testing-e2e-playwright-recommended.md:43 reference/testing-e2e-playwright-recommended.md:44 reference/testing-e2e-playwright-recommended.md:45 reference/testing-e2e-playwright-recommended.md:81 reference/testing-vitest-recommended-for-vue.md:160 reference/testing-vitest-recommended-for-vue.md:160

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vue-testing-best-practices/security.svg)](https://skillstore.io/skills/antfu-vue-testing-best-practices?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/antfu-vue-testing-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vue-testing-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/antfu-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>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

github.com/vuejs-ai. (2026). vue-testing-best-practices security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5

Цитата BibTeX

@techreport{github-com-vuejs-ai-antfu-vue-testing-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-testing-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5},
  note = {Author version 1.0.0}
}

CITATION.cff

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 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vue-testing-best-practices:audit:5"
    description: "Skillstore immutable audit report identifier"

Сравнить варианты

2 устанавливаемых вариантов

Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.

Почему этот вариант первый

Больше использования в Skillstore

Автор / источник Оценка Skillstore Достоверность доказательств Использование в Skillstore Обновлено

github.com/vuejs-ai Рекомендуется Текущий

antfu-vue-testing-best-practices

Оценка Skillstore 80

Достоверность доказательств Высокий

Использование в Skillstore 31

Обновлено

2026-10-24

github.com/vuejs-ai

vuejs-ai-vue-testing-best-practices

Оценка Skillstore 80

Достоверность доказательств Высокий

Использование в Skillstore 25

Обновлено

2026-09-09

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

100

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Настроить тестирование Vue

Создать практическую базовую настройку Vitest и Vue Test Utils для нового приложения на Vue 3.

Стабилизировать нестабильные тесты

Диагностировать проблемы таймингов вокруг асинхронных компонентов, Suspense, flushPromises и обновлений DOM.

Улучшить дизайн тестов

Заменить хрупкие тесты реализации и проверки только через snapshot покрытием, ориентированным на поведение.

Попробуйте эти промпты

Настроить базовые тесты

Используй этот навык, чтобы настроить Vitest и Vue Test Utils для моего проекта на Vue 3. Порекомендуй варианты test environment и базовую конфигурацию.

Исправить асинхронные сбои

Используй этот навык, чтобы проверить мои падающие тесты асинхронных компонентов Vue. Объясни, где нужны flushPromises, nextTick или обертки Suspense.

Проверить качество тестов

Используй этот навык, чтобы проверить мои тесты компонентов Vue на хрупкую привязку к внутренней реализации, assertions только через snapshot, слабые selectors и отсутствующее покрытие пользовательского поведения.

Спроектировать полную стратегию

Используй этот навык, чтобы спроектировать стратегию тестирования Vue с Vitest, composables, Pinia, асинхронными компонентами, Teleport и Playwright E2E tests.

Лучшие практики

Предпочитайте assertions, ориентированные на поведение, прямому доступу к внутренностям компонента.
Дожидайтесь обновлений Vue, promises и пользовательских взаимодействий перед финальными assertions.
Используйте Playwright для критичных кроссбраузерных пользовательских flows и Vitest для обратной связи по компонентам.

Избегать

Не полагайтесь на тесты только через snapshot для проверки корректности компонента.
Не тестируйте private methods, когда видимое поведение может доказать тот же результат.
Не игнорируйте асинхронные тайминги при тестировании использования Suspense или defineAsyncComponent.