bobmatnyc/playwright-e2e-testing

Playwrightモダンなエンドツーエンドテストフレームワーク。クロスブラウザ自動化、自動待機、組み込みテストランナーを搭載。

playwright-e2e-testing とは?

このスキルは、Playwrightを使用したエンドツーエンドテストの作成と実行を支援します。Playwrightは、Chromium、Firefox、WebKitを含むすべてのモダンブラウザを単一のAPIで自動化できる強力なフレームワークです。自動待機機能やネットワークインターセプト、モバイルエミュレーションなどの高度な機能を備えており、信頼性の高いテストを効率的に作成できます。また、組み込みのテストランナーにより、テストの並列実行やレポート生成も簡単に行えます。このスキールは、テストスクリプトの生成、デバッグ、実行のプロセスを効率化し、開発者が品質保証に集中できるようにします。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bobmatnyc/claude-mpm-skills/tree/main/skills/playwright-e2e-testing

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

playwright-e2e-testing は何をしますか?

Playwrightモダンなエンドツーエンドテストフレームワーク。クロスブラウザ自動化、自動待機、組み込みテストランナーを搭載。

概要

このスキルは、Playwrightを使用したエンドツーエンドテストの作成と実行を効率化します。Playwrightは、Chromium、Firefox、WebKitを含むすべてのモダンブラウザを単一のAPIで自動化できる強力なフレームワークです。

主な機能

  • クロスブラウザ自動化: Chromium、Firefox、WebKitを単一のAPIで操作
  • 自動待機: 要素が操作可能になるまで自動的に待機するため、タイミング問題を低減
  • ネットワークインターセプト: ネットワークリクエストのモックや監視が可能
  • モバイルエミュレーション: モバイルデバイスのエミュレーションをサポート
  • 組み込みテストランナー: 並列実行、レポート生成などの機能を内蔵

使用方法

テストの作成と実行は、Playwrightのテストランナーを使用して行います。以下は基本的な例です。

import { test, expect } from '@playwright/test';

test('ホームページが正しく表示される', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(page).toHaveTitle('Example Domain');
});

インストール

npm init playwright@latest

詳細情報

詳細については、Playwright公式ドキュメントを参照してください。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

関連スキル