Playwright E2Eテスト デモアプリケーション

このプロジェクトは、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テスト入門記事の実践例として作成されています。 記事で説明されている「画面を開いてエラーが無いことを確認するテスト」を実装するための、デモアプリケーションです。