المهارات e2e-testing-patterns

📦

e2e-testing-patterns

Name: e2e-testing-patterns
Author: sickn33

آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

信頼性の高い E2E テストスイートの構築

متاح أيضًا من: wshobson

エンドツーエンドテストの作成は困難です。このスキルは、ユーザーがバグを発見する前にキャッチする、安定して保守可能なテストを作成するための Playwright と Cypress の実戦的なパターンを提供します。

يدعم: Claude Codex Code(CC)

🥉 75 برونزي

تنزيل ZIP المهارة

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

فعّل وابدأ الاستخدام

اختبرها

استخدام "e2e-testing-patterns". Playwright でログインテストを作成する

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

ステップ 1: メール、パスワード、送信ボタンのロケーターを持つ LoginPage クラスを作成
ステップ 2: goto() と login(email, password) メソッドを実装
ステップ 3: URL と成功メッセージのアサーションを備えたページオブジェクトを使用したテストを記述
ステップ 4: 無効な認証情報のエラーハンドリングテストを追加

استخدام "e2e-testing-patterns". 不安定なテストをデバッグするにはどうすればよいですか？

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

1. 固定された waitForTimeout を明示的な待機に置き換える
2. トレースビューアを使用：npx playwright test --trace on
3. 失敗時にスクリーンショットを撮影
4. 非同期操作のレースコンディションを確認
5. テスト間の汚染を防ぐためにテストデータを分離

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

آمن

v1 • 2/24/2026

All 63 static findings are false positives. The analyzer incorrectly interprets markdown code fences as Ruby shell commands, JavaScript operators as cryptographic issues, and test configuration as system reconnaissance. This is a documentation skill with educational content about E2E testing patterns using Playwright and Cypress. No actual security risks exist.

الملفات التي تم فحصها

576

الأسطر التي تم تحليلها

النتائج

إجمالي عمليات التدقيق

عوامل الخطر

⚙️ الأوامر الخارجية (32)

🌐 الوصول إلى الشبكة (4)

resources/implementation-playbook.md:249 resources/implementation-playbook.md:326 resources/implementation-playbook.md:65 resources/implementation-playbook.md:289

🔑 متغيرات البيئة (8)

resources/implementation-playbook.md:57 resources/implementation-playbook.md:58 resources/implementation-playbook.md:59 resources/implementation-playbook.md:174 resources/implementation-playbook.md:57 resources/implementation-playbook.md:58 resources/implementation-playbook.md:59 resources/implementation-playbook.md:174

تم تدقيقه بواسطة: claude

درجة الجودة

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الأمان

100

الامتثال للمواصفات

ماذا يمكنك بناءه

新規プロジェクトの E2E テストセットアップ

適切な構造、レポーター、CI 統合を備えた Playwright または Cypress をゼロから設定します

不安定なテストの修正

脆いセレクターと固定されたタイムアウトを、適切な待機戦略と安定したロケーターに置き換えます

テスト実行のスケーリング

並列実行とテストシャーディングを実装し、CI パイプライン時間を数時間から数分に短縮します

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

ログインテストの作成

Playwright を使用してログインページの End-to-End テストを作成してください。適切なセレクター、アサーション、成功と失敗の両方のログイン試行のエラーハンドリングを含めてください。

API レスポンスのモック

実際のバックエンドサービスに依存せずにエラーハンドリングをテストするために、Cypress で API レスポンスをモックする方法を示してください。

CI パイプラインのセットアップ

並列実行、リトライロジック、HTML レポート生成を備えた CI で Playwright がテストを実行するように設定してください。

アクセシビリティテスト

アプリケーションが WCAG ガイドラインに準拠していることを確認するために、axe-core を使用したアクセシビリティテストを実装してください。

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

安定したロケーターのために CSS セレクターの代わりに data-testid またはセマンティックロールを使用する
適切なテストデータのセットアップとティアダウンでテストを独立させる
実行時間を短縮するために CI でテストを並列実行する

تجنب

waitForTimeout(3000) のような固定タイムアウトの使用 - 不安定性の原因
ユーザーから見える行動ではなく実装の詳細をテストする
テスト間での状態共有 - カスケード障害につながる

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

Playwright と Cypress: どちらを選択すべきですか？

Playwright はより良いクロスブラウザサポートと高速な実行を提供します。Cypress はより成熟したエコシステムと容易なデバッグを持っています。ブラウザの要件とチームの習熟度に基づいて選択してください。

テストをより安定させるにはどうすればよいですか？

タイムアウトの代わりに明示的な待機を使用し、実装の詳細のテストを避け、テストデータが適切に分離されていることを確認し、ネットワーク依存の操作にリトライロジックを追加します。

テストを並列実行するにはどうすればよいですか？

Playwright ワーカーまたは Cypress の並列化を設定します。CI で複数のマシンにテストを分散するためにテストシャーディングを使用します。競合を避けるためにテストが独立していることを確認します。

E2E ツールで API テストはできますか？

はい、Playwright と Cypress の両方が API テストをサポートしています。UI 操作なしの直接 API 呼び出しのために、Playwright では page.request() を、Cypress では cy.request() を使用します。

テストで認証を処理するにはどうすればよいですか？

API ログインでクッキーまたはトークンを設定するか、ブラウザストレージ API を使用してセッションデータを直接設定します。パフォーマンス向上のために、すべてのテストで UI ログインを避けます。

Page Object Model とは何ですか？

ページ固有のロジックとセレクターをクラスにカプセル化するデザインパターンです。すべてのテストに分散させるのではなく、1 か所にページの変更を一元化することでテストの保守性を向上させます。

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

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/e2e-testing-patterns

مرجع

main

بنية الملفات

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md