Seleniumなどのブラウザテスト自動化を学習したい方が、実際にテストスクリプトを実行するためのテスト対象サイトとして作成されています。
書籍やブログなどでのサンプルやデモにもお使いいただけます。ライセンスはMIT Licenseです。
自動テストの学習を目的として作成されていますが、テスト設計や技法の学習に使うことも可能です。
ホテルの予約サイトを模した作りになっています。ログイン・会員登録・ホテルの宿泊予約のそれぞれの入力フォームを用意しています。レスポンシブデザインに対応しているためモバイルブラウザでも表示できます。
シンプルなテキストインプットとボタンの画面です。ログイン情報はCookieに保存されます。会員登録画面で保存したユーザの他、登録済みのユーザ（下記）があります。
複数種類のインプットがある画面です。この画面で登録したユーザはLocal Storageに保存され、ログインに使用することができるようになります。
ログイン後に表示される画面です。登録したユーザ情報が表示され、確認に使うことができます。また、新規登録したユーザの場合アイコン画像の設定と退会（情報削除）ができます。
「宿泊予約」のメニューから表示できる画面です。表示されるプランは「未ログイン」「一般会員」「プレミアム会員」によって変わります。プラン情報はAjaxで非同期に読み込まれます（トップの一つを除く）。
宿泊の予約を行う画面です。新規ウィンドウで開きます。複数種類のインプットのほか、合計金額が入力内容で動的に計算され表示されます。基本料および宿泊数・人数の許容値は選択したプランで変わります。
宿泊予約の確定後に表示される画面です。予約で入力した内容の確認表示があります。また、アニメーション付きのダイアログが表示されます。
| # | メールアドレス | パスワード | 会員ランク |
|---|---|---|---|
| 1 | ichiro@example.com |
password |
プレミアム会員 |
| 2 | sakura@example.com |
pass1234 |
一般会員 |
| 3 | jun@example.com |
pa55w0rd! |
プレミアム会員 |
| 4 | yoshiki@example.com |
pass-pass |
一般会員 |
このサイトをテスト対象とした自動テストスクリプトです。学習の参考としてお使いください。