【ゆーあいてすと】
UIテスト とは？
最終更新:
💡 画面を操作して、期待する結果を確かめる
ボタンやフォームなどの画面操作と、利用者に見える結果を確かめるテスト。画面の一部分を対象にする場合も、複数画面を通した操作を対象にする場合もあり、手動または自動で行う。
📌 このページのポイント
- クリック・入力などの操作と、その後の表示や状態を検証する
- Playwrightなどで操作と結果の確認を自動化できる
- 画面の一部分のテストも、複数画面を通るE2Eテストもあり得る
- スクリーンショット比較は見た目を調べる方法。機能の結果の確認と使い分ける
ひよこ UIテストでは何を確かめるの？
ペンギン先生 画面で利用者が操作できることと、その結果だよ。たとえばフォームへ入力して送信し、完了メッセージが表示されるかを確認するんだ。
ひよこ 単体テストとは別のもの？
ひよこ 毎回手で操作するの？
ペンギン先生 手動でもできるし、Playwrightなどでクリックや入力を自動化することもできる。ただ操作しただけで終わらず、期待する表示や状態になったかも確かめるよ。
ひよこ 見た目が崩れたら分かる？
ペンギン先生 基準画像とスクリーンショットを比較する方法があるよ。OSやブラウザーなどでも描画が変わるので条件をそろえる。差分が出たら、意図した変更か不具合かを確認するんだ。
ひよこ 自動テストが通れば全部安心？
ペンギン先生 通ったのは、設定した条件と確認項目の範囲だよ。テスト間で状態を引き継がないようにし、必要な画面や操作を選んで確かめる。画像の一致だけで機能が正しいとは判断できないんだ。
まとめ：ざっくりこれだけ覚えればOK！
「UIテスト」って出てきたら「画面を実際に操作して正しく動くか確かめるテスト」と思えればだいたいOK！
📖 おまけ：英語の意味
「User Interface Testing」 ＝ ユーザーインターフェーステスト
💬 「UI（User Interface）」はユーザーが直接触れる画面部分のことで、そこに注目したテストだからこの名前なんだよ。