e2e-testing
Playwright を使用したエンドツーエンドテストの自動化
手動テストは時間がかかり、エラーが発生しやすいものです。このスキルは、セットアップから CI/CD 統合まで、Playwright を使用した自動化 E2E テストのための構造化された 7 フェーズのワークフローを提供します。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "e2e-testing". React アプリケーションの E2E テストをセットアップ
النتيجة المتوقعة:
Playwright 設定ファイルを作成し、依存関係をインストールし、テストディレクトリ構造を設定し、ログインフローテストを含むテストファイルの例を提供
استخدام "e2e-testing". クロスブラウザテストを実行
النتيجة المتوقعة:
Chromium、Firefox、WebKit ブラウザでテストスイートを実行し、詳細な合否レポートと失敗したテストのスクリーンショットアーティファクトを生成
التدقيق الأمني
آمنStatic analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.
درجة الجودة
ماذا يمكنك بناءه
回帰テストを自動化する QA エンジニア
すべてのコード変更時に自動的に実行される包括的な E2E テストスイートをセットアップし、本番デプロイ前に回帰を検出します。
テスト駆動開発を実装する開発者
機能開発と並行して自動化されたブラウザテストを作成し、ユーザーフローがサポートされているすべてのブラウザで正しく動作することを保証します。
CI/CD パイプラインを構築する DevOps チーム
並列実行、アーティファクト、テストレポートを備えたデプロイメントワークフローに自動化 E2E テストを統合します。
جرّب هذه الموجهات
@playwright-skill を使用してプロジェクトに Playwright テストをセットアップしてください。依存関係をインストールし、テストフレームワークを設定し、基本的なテストファイルを作成します。
@e2e-testing-patterns を使用してアプリケーションの E2E テスト戦略を設計してください。自動化テストが必要な重要なユーザーフローを特定します。
@playwright-skill を使用してビジュアル回帰テストを実装してください。ベースライン画像をセットアップし、UI 変更を検出するためのビジュアルアサーションを追加します。
@github-actions-templates を使用して、ブラウザ全体で E2E テストを並列実行し、テストアーティファクトをアップロードする GitHub Actions ワークフローを作成してください。
أفضل الممارسات
- メンテナンス性の高いテストのためにページオブジェクトパターンを使用してテストロジックとページ構造を分離
- ハードコードされたタイムアウトの代わりに Playwright のオートウェイトを使用して適切なウェイト戦略を実装
- デバッグにはローカルで headed モード、CI では headless モードでテストを実行
تجنب
- Playwright の組み込みオートウェイト機能の代わりにハードコードされたスリープ遅延を使用
- 独立したテストの代わりに特定のテスト実行順序に依存するテストを作成
- 環境変数を使用する代わりに平文でテスト認証情報を保存