المهارات vue-testing-best-practices
📦

vue-testing-best-practices

v1.0.0 مراجعة المحتوى r1 آمن ⚡ يحتوي على سكربتات⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

تحسين ممارسات اختبار Vue

غالبا ما تصبح مجموعات اختبارات Vue غير مستقرة أو هشة أو صعبة الإعداد. توفر هذه المهارة إرشادات مركزة لاختبارات Vue 3 موثوقة باستخدام Vitest وVue Test Utils وPinia ومساعدات async وPlaywright.

يدعم: Claude Codex Code(CC)
🥈 80 فضي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل
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.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/vuejs-ai-vue-testing-best-practices.md manifest موقَّع GET /api/skills/vuejs-ai-vue-testing-best-practices/manifest lockfile موقَّع GET /api/skills/vuejs-ai-vue-testing-best-practices/lockfile

اختبرها

جارٍ استخدام "vue-testing-best-practices". يفشل اختبار مكون قبل عرض بيانات async.

النتيجة المتوقعة:

المشكلة المرجحة هي وعود غير محلولة بعد التركيب. التوصية هي انتظار تحديثات Vue، وتصفية الوعود المعلقة، وإجراء التأكيد فقط بعد استقرار المكون async أو الطلب.

جارٍ استخدام "vue-testing-best-practices". يعتمد فريق على لقطات واسعة لتغطية المكونات.

النتيجة المتوقعة:

توصي الاستجابة بلقطات أصغر فقط للترميز المستقر وتضيف تأكيدات سلوكية للنص المرئي والأحداث المرسلة وحالة النماذج وتفاعلات المستخدم.

جارٍ استخدام "vue-testing-best-practices". لا يمكن العثور على نافذة معروضة باستخدام Teleport في استعلامات wrapper.

النتيجة المتوقعة:

تشرح الاستجابة لماذا تفوت الاستعلامات محددة النطاق ضمن wrapper عناصر DOM المنقولة، وتوصي بمحاكاة Teleport في اختبارات الوحدة أو الاستعلام في document body لاختبارات التكامل.

التدقيق الأمني

آمن
v4 • ٧‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

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.

12
الملفات التي تم فحصها
2,227
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

⚡ يحتوي على سكربتات (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 الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار
تقييم الأمان

نسخ رابط التقرير

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

شارة Markdown

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

شارة HTML

<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>
الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

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

اقتباس BibTeX

@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} }

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 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"

مقارنة المتغيرات

2 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

استخدام أعلى في Skillstore
github.com/vuejs-ai موصى به الحالي

vuejs-ai-vue-testing-best-practices

تقييم Skillstore 80
موثوقية الأدلة مرتفع
استخدام Skillstore 20
تم التحديث

2026-09-09

github.com/vuejs-ai

antfu-vue-testing-best-practices

تقييم Skillstore 80
موثوقية الأدلة مرتفع
استخدام Skillstore 18
تم التحديث

2026-09-09

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع
55
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
71
المجتمع
83
الامتثال للمواصفات

ما الذي يمكنك بناؤه

تثبيت اختبارات المكونات غير المستقرة

تشخيص مشكلات تحديث async واختيار عمليات الانتظار المناسبة لتحديثات Vue DOM والوعود وأحداث المستخدم.

تخطيط بنية اختبار Vue

اختيار Vitest أو وضع المتصفح أو Playwright بناء على نطاق الاختبار واحتياجات وقت التشغيل وقيود CI.

مراجعة أنماط الاختبار لدى الفريق

استبدال اللقطات الهشة والفحوصات المدركة للتنفيذ بتأكيدات مرتكزة على السلوك ومساعدات قابلة للصيانة.

جرّب هذه الموجّهات

اختيار مشغل اختبار Vue 
ساعدني في اختيار إعداد اختبار Vue 3 لمشروع Vite. قارن بين Vitest وVue Test Utils ووضع المتصفح وPlaywright لحالة الاستخدام الخاصة بي.
إصلاح فشل اختبار async 
راجع اختبار Vue الفاشل هذا واشرح ما إذا كان ينبغي أن أستخدم nextTick أو flushPromises أو waitFor أو Suspense. ركز على مشكلة توقيت async.
تحسين إعداد اختبار Pinia 
قيم نهج اختبار Pinia لدي. أوص متى يجب استخدام createTestingPinia وsetActivePinia والإجراءات الوهمية وتنفيذ الإجراءات الحقيقية.
تصميم استراتيجية اختبار 
أنشئ استراتيجية اختبار Vue لتطبيق كبير يحتوي على composables ومتاجر Pinia ومكونات async ونوافذ Teleport وسلوك خاص بالمتصفح وتدفقات E2E.

أفضل الممارسات

  • اختبر السلوك المرئي للمستخدم قبل تفاصيل التنفيذ.
  • استخدم أصغر مشغل يغطي السلوك قيد الاختبار بدقة.
  • انتظر تحديثات Vue والوعود الخارجية وأحداث المستخدم صراحة.

تجنب

  • استخدام اللقطات كالدليل الوحيد على أن المكون يعمل.
  • استدعاء طرق المكون الخاصة بدلا من التفاعل عبر المخرجات المعروضة.
  • استخدام اختبارات المتصفح أو E2E لمنطق يمكن أن تغطيه اختبارات المكونات السريعة.

الأسئلة المتكررة

ما إصدارات Vue التي تستهدفها هذه المهارة؟
تستهدف مشاريع Vue 3، وخاصة التطبيقات المبنية باستخدام Vite وVitest وVue Test Utils وPinia وPlaywright.
هل يمكنها المساعدة في الاختيار بين Vitest وPlaywright؟
نعم. تشرح متى تستخدم اختبارات المكونات السريعة، واختبارات المكونات المعتمدة على المتصفح، واختبارات Playwright الشاملة.
هل تنشئ ملفات اختبار كاملة؟
يمكنها توجيه بنية الاختبارات والأمثلة، لكن يجب مراجعة الاختبارات التي يتم إنشاؤها وتكييفها مع قاعدة كود المشروع.
هل تغطي سلوك Vue async؟
نعم. تغطي nextTick وflushPromises وSuspense وasync setup وdefineAsyncComponent وإخفاقات الاختبار المتعلقة بالتوقيت.
هل تدعم اختبار Pinia؟
نعم. تغطي createTestingPinia وsetActivePinia ومحاكاة الإجراءات وتنفيذ الإجراءات الحقيقية وعزل المتاجر.
هل هذه المهارة آمنة للنشر؟
وجد التدقيق أمثلة توثيق فقط ومراجع اختبار عادية. لم يتم تحديد أي سلوك ضار أو prompt injection.

تفاصيل المطور

المؤلف

github.com/vuejs-ai

الترخيص

MIT

إصدار المؤلف

v1.0.0

مراجعة Skillstore

r1

المستودع

https://github.com/vuejs-ai/skills/tree/main/skills/vue-testing-best-practices/

مرجع

36e07d5e13068e5be64447e8f20b427cf2cbd21a

حداثة الصيانة

١٨‏/٧‏/٢٠٢٦

الاستخدام

15 تنزيلات · 237 مشاهدات

بنية الملفات

📁 reference/

📄 async-component-testing.md

📄 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-no-snapshot-only.md

📄 testing-pinia-store-setup.md

📄 testing-suspense-async-components.md

📄 testing-vitest-recommended-for-vue.md

📄 SKILL.md