研修メニューを考える方や指導する方向けにより詳しい解説を記載します。このサイトは前述の通りテスト自動化の初心者向けの研修に使うことを想定して作成しています。
そのためブラウザテスト自動化の際に引っ掛かりがち、嵌まりがちな要素をある程度意図的に配置しています。
エラーメッセージはエラーが発生した入力欄の下部に表示されます。表示タイミングは画面によって異なります。何度か各画面を触ってもらえれば仕様は把握できると思います。
シンプルな画面です。エラーメッセージはボタンの押下時に表示されます。未入力の場合、メールアドレス・パスワードの両方もしくは一方が登録内容と異なる場合にエラーとなります。
この画面のみid属性を多く付与してあります。研修ではまずこの画面の操作から始めるのが良いと思います。
<input type="email"><input type="password"><button type="submit">エラーメッセージはボタンの押下時に表示されます。入力必須項目とそれ以外の項目があります。長さ指定のある項目では境界値のテストができます。
dateのようなツールから扱いづらい項目は無理に初心者向けの研修に含める必要はないでしょう。
<input type="text"><input type="radio"><input type="checkbox"><input type="email"><input type="password"><input type="tel"><input type="date"><select><option>マイページ本体は表示のみの画面です。ログインまたは登録の画面と組み合わせて一本のテストシナリオができると思います。
新規登録したユーザの場合、「アイコン設定」「退会する」のボタンが有効になります。
アイコン設定では画像のアップロードができます。登録した画像はマイページで表示されます。rangeとcolorはツールから扱いづらいため研修で使う際には注意してください。
退会のボタンではJavaScriptのダイアログが連続で表示されます。
<input type="file"><input type="range"><input type="color">confirm()alert()トップの一つを除き、プランの情報はAjaxによって非同期で取得され表示されます。またログイン状態とユーザの会員ランクによって表示されるプランが変わります。
target="_blank")入力内容によって合計金額が計算されて表示されます。組み合わせが多いためテスト技法の練習にもいいかもしれません。
この画面用の計算ロジックは単体テストがあります。
<input type="checkbox"><input type="text"><input type="number"><input type="email"><input type="tel"><select><option><textarea><iframe>予約画面で入力した内容の確認ができます。確定時にはダイアログがアニメーション（フェードイン）付きで出現します。
| # | メールアドレス | 氏名 | 会員ランク | 住所 | 電話番号 | 性別 | 生年月日 | お知らせ |
|---|---|---|---|---|---|---|---|---|
| 1 | ichiro | 山田一郎 | プレミアム会員 | 東京都豊島区池袋 | 01234567891 | 男性 | - | 受け取る |
| 2 | sakura | 松本さくら | 一般会員 | 神奈川県横浜市鶴見区大黒ふ頭 | - | 女性 | 2000年4月1日 | 受け取らない |
| 3 | jun | 林潤 | プレミアム会員 | 大阪府大阪市北区梅田 | 01212341234 | その他 | 1988年12月17日 | 受け取らない |
| 4 | yoshiki | 木村良樹 | 一般会員 | - | 01298765432 | - | 1992年8月31日 | 受け取る |
| ID | 名称 | 部屋代 | 人数 | 泊数 | 部屋 | 限定 |
|---|---|---|---|---|---|---|
| 0 | お得な特典付きプラン | 7,000 | 1〜9 | 1〜9 | スタンダードツイン | なし |
| 1 | プレミアムプラン | 10,000 | 2〜9 | 1〜9 | プレミアムツイン | プレミアム会員 |
| 2 | ディナー付きプラン | 8,500 | 1〜4 | 1〜3 | 部屋指定なし | 一般会員 |
| 3 | お得なプラン | 6,000 | 1〜9 | 1〜9 | 部屋指定なし | 一般会員 |
| 4 | 素泊まり | 5,500 | 1〜2 | 1〜9 | シングル | なし |
| 5 | 出張ビジネスプラン | 7,500 | 1〜2 | 1〜9 | シングル | なし |
| 6 | エステ・マッサージプラン | 9,000 | 1〜6 | 1〜9 | 部屋指定なし | なし |
| 7 | 貸し切り露天風呂プラン | 9,000 | 1〜6 | 1〜3 | 部屋指定なし | なし |
| 8 | カップル限定プラン | 8,000 | 2〜2 | 1〜2 | プレミアムツイン | なし |
| 9 | テーマパーク優待プラン | 10,000 | 1〜9 | 1〜5 | 部屋指定なし | なし |