ここからは、現場で使われる形の仕様書とテストケースを見ていきます。題材は、おてすと亭の「お問い合わせフォーム」です。読み方を覚えて、1ケース作ってみて、最後に用意されたテストケースで実際にテストを実行します。
仕様書は、「この画面はこう動く」を決めた資料です。テストをするときは、仕様書に書かれたことが期待結果の根拠になります。現場の仕様書はたいてい、画面の概要、項目の一覧、ボタンの動き、の順に書かれています。
お客様がお店に質問を送るための画面。入力画面と完了画面の2画面で構成する。
| 項目名 | 種類 | 必須 | 初期値 | 入力ルール | エラーメッセージ |
|---|---|---|---|---|---|
| お名前 | テキスト | ○ | 空（入力例「例：山田 花子」を薄い文字で表示） | 20文字以内 | 未入力：お名前を入力してください 21文字以上：お名前は20文字以内で入力してください |
| メールアドレス | テキスト | ○ | 空（入力例「例：hanako@example.com」を薄い文字で表示） | メールアドレスの形式（○○@○○.○○） | 未入力：メールアドレスを入力してください 形式違い：メールアドレスを正しい形式で入力してください |
| お問い合わせ種別 | 選択 | ○ | 選択してください | 予約について／メニューについて／その他 から選ぶ | 未選択：お問い合わせ種別を選択してください |
| お問い合わせ内容 | 複数行テキスト | ○ | 空 | 500文字以内 | 未入力：お問い合わせ内容を入力してください 501文字以上：お問い合わせ内容は500文字以内で入力してください |
| ボタン | 動き |
|---|---|
| 送信する | 入力内容をチェックする。エラーがあれば、各項目の下にエラーメッセージを表示し、入力画面に留まる。エラーがなければ完了画面へ移る |
| クリア | すべての項目を初期値に戻し、表示中のエラーメッセージを消す |
現場のテストケースは、表計算ソフトの表で管理されていることが多いです。会社によって列の名前は少しずつ違いますが、だいたい次のような列があります。
| 列 | 意味 | 書き方・見方のコツ |
|---|---|---|
| No. | テストケースの番号 | バグ報告や会話で「TC-05がNGでした」のように使う |
| 分類 | どの種類の確認か | 画面表示、入力チェック、送信、ボタン、画面遷移など。似たケースをまとめて実行しやすくなる |
| 確認内容 | このケースで確かめること | 一行で。「お名前が未入力のときのエラー表示」など |
| 前提条件 | 始める前の状態 | どの画面を開いているか、何が入力済みか |
| 手順 | 操作の順番 | 入力する値まで具体的に書く。誰がやっても同じ操作になるように |
| 期待結果 | 正しく動いたらどうなるか | 仕様書のどこに書いてあるかが説明できること。メッセージは文言まで書く |
| 結果 | OK／NG | 期待結果と一致すればOK、少しでも違えばNG |
| 備考 | 気づいたこと | NGのときに実際どうなったかを書く。バグ報告の番号を書くことも多い |
たとえば次のケースは、仕様書の「3. 項目一覧」のお名前の行から作られています。
問題：「お問い合わせ内容が500文字を超えたとき」のテストケースを1つ作ってください。
仕様書の「3. 項目一覧」のお問い合わせ内容の行を見ながら書いてみましょう。書けたら「回答をチェックする」を押してください。
チェックはこのページの中だけで行います。入力した内容はどこにも送信されず、このブラウザにだけ保存されます。
「500文字を超えた」を確かめるなら、超えたばかりの501文字がいちばん効果的です。余裕があれば、ちょうど500文字なら送信できることも別のケースで確かめると、より安心です。
テストケースを「設計する」力は、たくさんの仕様とバグに触れるうちに身についていきます。最初から上手に作れなくて大丈夫です。まずは、用意されたテストケースを正しく実行できるようになることを目指しましょう。
用意した12件のテストケースを、お問い合わせフォームで実行します。フォームは別のタブで開き、このページと行き来しながら進めてください。
記録はこのブラウザに保存されます。途中でページを閉じても続きから再開できます。
すべてのケースを実行したら、答え合わせをしましょう。NGを見つけられたか、OKのものをNGにしていないかを確かめます。
問題：見つけたNGのうち1つを選んで、バグ報告を書いてください。
STEP 1で学んだ書き方を思い出しながら書いてみましょう。テストケースの番号を書いておくと、開発者がすぐに手順を確認できます。現場では、これに再現率やスクリーンショットを添えます。
仕様書を読み、テストケースどおりに実行し、バグを報告する。ここまでできれば、現場のテスト実行の基本は身についています。次は、実際の現場で実行の経験を積みながら、テストケースを自分で設計する練習に進みましょう。
技法ガイドは経験者向けの内容です。いきなり全部読まなくて大丈夫です。まずは「同値分割」と「境界値分析」の2つだけ読んで、ページの最後にある腕試し問題の最初の2問を解いてみましょう。STEP 1の問題1で試した「境目」の考え方が、ここにつながります。