webapp-testing
اختبار تطبيقات الويب باستخدام أتمتة Playwright
또한 다음에서 사용할 수 있습니다: DYAI2025,davila7,Azeem-2,7Spade,ComposioHQ,ArtemisAI,anthropics,Cam10001110101,AutumnsGrove
اختبار المتصفح اليدوي بطيء وعرضة للأخطاء. توفر هذه المهارة مطالبات جاهزة للاستخدام لاختبار الويب الآلي بما في ذلك التحقق من صحة النماذج، والتقاط لقطات الشاشة، وفحص سجلات وحدة التحكم باستخدام Playwright.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"webapp-testing" 사용 중입니다. Test the login form on my local React app at localhost:3000
예상 결과:
- Navigated to http://localhost:3000
- Filled username and password fields
- Submitted form successfully
- URL changed to /dashboard
- Page loaded without console errors
- Test passed: Login flow works correctly
"webapp-testing" 사용 중입니다. Check for JavaScript errors on my app and take a screenshot if there are issues
예상 결과:
- Opened browser console listener
- Navigated to application
- Captured 3 console messages
- No errors detected
- Page rendered successfully
"webapp-testing" 사용 중입니다. Verify my app works on mobile viewport
예상 결과:
- Set viewport to 375x667 (iPhone SE)
- Navigation menu visible
- Content scrolled correctly
- No layout breakage detected
- Passed mobile compatibility check
보안 감사
안전Pure documentation skill containing only usage guidance for Playwright browser automation. No executable code, no network calls, no file system access, and no external command execution. The skill provides prompts and examples that users execute in their own environment. All static findings are false positives - patterns detected in documentation examples or metadata fields.
위험 요인
📁 파일 시스템 액세스 (1)
품질 점수
만들 수 있는 것
التحقق من تفاعلات واجهة المستخدم
أتمتة النقرات على الأزرار وتقديم النماذج وتدفقات التنقل لاكتشاف أخطاء الانحدار مبكرًا.
إنشاء اختبارات نصية
إنشاء نصوص Playwright للاختبار الانحداري دون كتابة الكود من الصفر.
التقاط لقطات شاشة لواجهة المستخدم
أتمتة التقاط لقطات الشاشة للتوثيق وتقارير الأخطاء مع تنسيق متسق.
이 프롬프트를 사용해 보세요
Use Playwright to navigate to http://localhost:3000 and verify the page title contains 'Home'. Take a screenshot if the title does not match.
Write a Playwright script that fills the login form with username 'testuser' and password 'testpass', submits it, and verifies the URL changes to the dashboard.
Navigate to the app, capture all browser console logs, and report any errors found. Take a screenshot of any console errors.
Test the page at viewport sizes 375x667 (mobile) and 1920x1080 (desktop). Verify the navigation menu is visible and report any layout issues.
모범 사례
- تحقق دائمًا من تشغيل الخادم المحلي قبل تنفيذ الاختبارات
- استخدم الانتظار الصريح للعناصر قبل التفاعل معها
- التقط لقطات شاشة عند الفشل للمساعدة في تشخيص المشكلات
피하기
- تجنب استخدام محددات فئة CSS التي قد تتغير؛ استخدم سمة data-testid أو role بدلاً منها
- لا تتخطى انتظار الشبكة الخاملة على الصفحات ذات المحتوى الديناميكي
- تجنب المهلة الزمنية الثابتة؛ استخدم استراتيجيات الانتظار الذكية بدلاً منها