このプロジェクトは、Playwrightを使ったE2Eテストの学習用デモアプリケーションです。
3つのシンプルなHTMLページ(ホーム、このサイトについて、お問い合わせ)とタブ切り替え機能を持つWebアプリケーションで、Playwrightの基本的な使い方を学ぶための雛形です。 完成形は以下で公開しています。
https://github.com/codegrid/2025-e2e-test-1
- フロントエンド: HTML5, CSS3, Vanilla JavaScript
- 開発サーバー: http-server
/
├── public/ # フロントエンドファイル
│ ├── index.html # ホームページ
│ ├── about.html # このサイトについてページ
│ ├── contact.html # お問い合わせページ
│ ├── styles.css # 共通スタイル
│ └── script.js # タブ切り替え機能のJavaScript
└── package.json # npm設定
このデモプロジェクトは、E2Eテスト入門記事の実践例として作成されています。 記事で説明されている「画面を開いてエラーが無いことを確認するテスト」を実装するための、デモアプリケーションです。