# Webアプリのテスト (webapp-testing)

> Python の Playwright スクリプトを書いてローカルのWebアプリをテストし、スクリーンショットやブラウザログを取得します。

- カテゴリ: [テスト・デバッグ](https://www.myskills.tools/ja/categories/testing-debugging/)
- 提供元: 公式 · Anthropic
- リポジトリ: https://github.com/anthropics/skills/tree/main/skills/webapp-testing (commit b9e19e6)
- SKILL.md: https://github.com/anthropics/skills/blob/main/skills/webapp-testing/SKILL.md
- インストールコマンド: `npx skills add anthropics/skills --skill webapp-testing`
- ライセンス: Apache-2.0
- 対応ツール: Claude Code
- 権限: read-repo ✓, write-files ✓, shell ✓, network ✗
- 状態: スキャン済み
- ルールスキャンですべてのリスクを検出できるわけではありません。インストール前にこのスキルの SKILL.md を読み、権限を確認してください。

## 基本ルール

動的なアプリでは、DOMを調べる前に必ず networkidle を待つこと。

## 実行フェーズ

1. **方法を選ぶ** — 静的HTMLならファイルを直接読んでセレクターを探し、動的アプリならサーバーが起動済みかを確認します。
2. **サーバーを起動** — まず scripts/with_server.py --help を実行し、それを使って1つ以上のサーバーを起動して自動化スクリプトを動かします。
3. **ページを偵察** — ページを開いて networkidle を待ち、スクリーンショットやレンダリング後のDOMからセレクターを特定します。
4. **操作を実行** — ヘッドレスChromiumで特定したセレクターを使って操作し、必要に応じてコンソールログを記録し、最後にブラウザを閉じます。

## 権限の説明（SKILL.md より）

| 機能 | 必要か | 説明 |
|---|---|---|
| ファイル書き込み | 必要 | Playwrightの自動化スクリプトを書き、スクリーンショットをローカルに保存します。 |
| コマンド実行 | 一部で必要 | Python の Playwright スクリプトを実行し、with_server.py でローカルサーバーを起動します。 |
| 外部通信 | 不要 | ローカルで動くアプリ（localhost や file://）だけにアクセスし、外部ネットワークは使いません。 |

## SKILL.md のフロントマター（YAML）

```yaml
---
name: webapp-testing
description: Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
license: Complete terms in LICENSE.txt
---
```

ホーム: https://www.myskills.tools/ja/ · URL: https://www.myskills.tools/ja/skills/webapp-testing/