GUI テスト – UI テストケース (例)

GUI テストを理解するには、まず次のことを理解しましょう。

GUIとは？

コンピュータアプリケーションには XNUMX 種類のインターフェイスがあります。コマンドラインインターフェイスでは、テキストを入力すると、コンピューターがそのコマンドに応答します。 GUI はグラフィカルユーザーインターフェイスの略で、テキストではなく画像を使用してコンピューターと対話します。

以下は、ユーザーとアプリケーション間の対話に使用できる GUI 要素です。

GUI テストは、上記の要素を検証するものです。

GUIテストとは何ですか?

GUIのテスト ソフトウェアのグラフィカルユーザーインターフェイスをチェックするソフトウェアテストタイプです。グラフィカルユーザーインターフェイス (GUI) テストの目的は、メニュー、ボタン、アイコンなどの画面やコントロールをチェックすることで、ソフトウェアアプリケーションの機能が仕様どおりに動作することを確認することです。

GUI はユーザーに見えるものです。たとえば、guru99.com にアクセスすると、ホームページに何が表示されるかというと、それはサイトの GUI (グラフィカルユーザーインターフェイス) です。ユーザーにはソースコードが表示されません。インターフェイスはユーザーに表示されます。特に焦点は、デザイン構造、それらが適切に機能しているかどうかのイメージです。

上の例では、GUI テストを行う必要がある場合、最初に画像がさまざまなブラウザーで完全に表示されるかどうかを確認します。

また、リンクも利用可能であり、ボタンをクリックすると機能するはずです。

また、ユーザーが画面のサイズを変更する場合、画像もコンテンツも縮小したり、トリミングしたり、重なったりしてはなりません。

GUIテストの必要性

これで、GUI テストの基本概念が明確になりました。あなたの心に浮かぶいくつかの質問は次のとおりです。

なぜ GUI テストを行うのでしょうか?
本当に必要ですか?
アプリケーションの機能やロジックのテストだけでは十分ではないでしょうか?? では、なぜ UI テストに時間を無駄にする必要があるのでしょうか。

答えを得るには、テスターとしてではなくユーザーとして考える必要があります。ユーザーは XYZ ソフトウェア/アプリケーションに関する知識がありません。ユーザーがアプリケーションをさらに使用するかどうかを決定するのは、アプリケーションの UI です。

通常のユーザーは、まずアプリケーション/ソフトウェアのデザインと外観、そして UI がどれだけ簡単に理解できるかを観察します。ユーザーがインターフェイスに慣れていなかったり、アプリケーションが複雑で理解しにくいと感じたりした場合、そのアプリケーションを二度と使用することはないでしょう。そのため、GUI は懸念事項であり、GUI にバグがないことを確認するために適切なテストを実行する必要があります。

GUI テストのチェックインとは何ですか?

次のチェックリストは、ソフトウェアテストにおける詳細な GUI テストを確実に実行します。

すべての GUI 要素のサイズ、位置、幅、長さ、文字や数字の受け入れを確認します。たとえば、入力フィールドに入力を提供できる必要があります。
GUIを使用してアプリケーションの意図した機能を実行できることを確認します
エラーメッセージが正しく表示されているか確認する
画面上のさまざまなセクションの境界が明確であることを確認します
アプリケーションで使用されているフォントが判読可能か確認する
テキストの配置が適切であることを確認してください
フォントの色と警告メッセージが見た目に美しいかどうかを確認してください。
画像が良好に鮮明であることを確認してください
画像が適切に配置されていることを確認します
さまざまな画面解像度に対する GUI 要素の位置を確認してください。

GUI テスト手法

GUI テスト手法 次の XNUMX つの部分に分類できます。

手動ベースのテスト

このアプローチでは、ビジネス要件文書に記載されている要件に従って、グラフィカル画面がテスターによって手動でチェックされます。

記録と再生

GUI テストは自動化ツールを使用して実行できます。これは 2 つの部分で行われます。記録中に、テストステップが自動化ツールによってキャプチャされます。再生中に、記録されたテストステップがテスト対象アプリケーション上で実行されます。そのようなツールの例 – QTP。

モデルベーステスト

モデルは、システムの動作をグラフィカルに記述したものです。システムの動作を理解し、予測するのに役立ちます。モデルは、システム要件を使用して効率的なテストケースを生成するのに役立ちます。このモデルベースのテストでは、次の点を考慮する必要があります。

モデルを構築する
モデルの入力を決定する
モデルの予想される出力を計算する
テストを実行する
実際の出力と期待される出力を比較する
モデルに対するさらなるアクションの決定

テストケースを導き出すためのモデリング手法のいくつかは次のとおりです。

チャート – システムの状態を表し、入力後の状態を確認します。
デシジョンテーブル – 適用された各入力の結果を決定するために使用されるテーブル

モデルベースのテストは、要件からテストケースを生成するための進化する技術です。。上記の XNUMX つの方法と比較した主な利点は、GUI が達成する可能性のある望ましくない状態を判断できることです。

以下は、自動 UI テストを実行するために利用できるオープンソースツールです。

業務内容	下でライセンス
AutoHotkey	GPL
Selenium	アパッチ
シクリ	マサチューセッツ工科大学（MIT）
ロボットフレームワーク	アパッチ
水	BSD
Dojoツールキット	BSD

GUI テストのテストケースの例

GUI テストには基本的に以下が含まれます

要素のサイズ、位置、幅、高さをテストします。
表示されるエラーメッセージのテスト。
画面のさまざまなセクションをテストします。
フォントが読みやすいかどうかをテストします。
640 x 480、600×800 などのさまざまな解像度で画面を拡大および縮小してテストします。
テキストとアイコン、ボタンなどの他の要素の配置が適切な位置にあるかどうかをテストします。
フォントの色のテスト。
エラーメッセージ、警告メッセージの色をテストします。
画像の鮮明度が良好かどうかをテストします。
画像の位置合わせをテストします。
スペルのテスト。
ユーザーは、システムインターフェイスの使用中にイライラしてはいけません。
インターフェースが魅力的かどうかをテストします。
ページのサイズに応じてスクロールバーをテストします (存在する場合)。
無効なフィールドがある場合は、そのフィールドをテストします。
画像のサイズのテスト。
見出しが適切に配置されているかどうかをテストします。
ハイパーリンクの色のテスト。

デモ: GUI テストの実行方法

ここでは、次の画面のサンプルテストケースをいくつか使用します。

以下は、UI およびユーザビリティテストシナリオで構成されるテストケースの例です。

テストケース01-ラベル「ソースフォルダ』がきちんと揃っています。

テストケース02 – ラベル「パッケージ』がきちんと揃っています。

テストケース 03 – 「」という名前のラベルを確認します。ブラウズ」は本文の最後にあるボタンですBox という名前でソースフォルダに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

テストケース 04 – 「」という名前のラベルを確認します。ブラウズ」は本文の最後にあるボタンですBox という名前でパッケージに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

テストケース05 – ラベル「お名前』がきちんと揃っています。

テストケース 06 – ラベルが「」であることを確認します。修飾子」は、public、default、private、protected という名前の 4 つのラジオボタンで構成されます。

テストケース 07 – ラベルが「」であることを確認します。修飾子」は、正しく一列に並んだ 4 つのラジオボタンで構成されています。

テストケース 08 – ラベルが「」であることを確認します。スーパークラス” ラベルの下に”修飾子」は、適切に配置する必要があるドロップダウンで構成されます。

テストケース 09 – ラベルが「」であることを確認します。スーパークラス「」というラベルが付いたボタンで構成されます。ブラウズ」という文字が正しく配置されている必要があります。

テストケース 10 – ラジオボタンをクリックすると、デフォルトのマウスポインタがハンドマウスポインタに変更される必要があることを確認します。

テストケース 11 – ユーザーが「」のドロップダウンに入力できないことを確認します。スーパークラスに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

テストケース 12 – 何かが誤って選択された場合に適切なエラーが生成されることを確認します。

テストケース 13 – 必要に応じてエラーが赤色で生成されることを確認します。

テストケース 14 – エラーメッセージで適切なラベルを使用する必要があることを確認します。

テストケース 15 – 単一のラジオボタンが毎回デフォルトで選択される必要があることを確認します。

テストケース 16 – 前のフィールドの隣にある別のフィールドにジャンプしているときに、TAB ボタンが適切に機能することを確認します。

テストケース 17 – すべてのページに適切なタイトルが含まれている必要があることを確認します。

テストケース 18 – ページテキストが適切に配置されている必要があることを確認します。

テストケース 19 – フィールドを更新した後、適切な確認メッセージが表示されることを確認します。

テストケース 20 – ラジオボタンは 1 つだけ選択する必要があり、チェックボックスは複数選択できることを確認します。

GUI テストの課題

ソフトウェアエンジニアリングで最も一般的な問題は、回帰テストそれは、アプリケーションの GUI が頻繁に変更されることです。それが問題なのか機能強化なのかをテストして特定することは非常に困難です。この問題は、GUI の変更に関するドキュメントがない場合に発生します。

GUIテストツール

以下は人気のリストです GUIテストツール :

Selenium
QTP
Cucumber
シルクテスト
テスト完了
Squish GUI テスター

ここをクリックして学ぶ Selenium, QTP & Cucumber.

まとめ：

ソフトウェア製品の成功は、GUI がユーザーとどのように対話するか、またそのさまざまな機能の使いやすさに大きく左右されます。したがって、GUI テストは非常に重要です。手動の GUI テストは繰り返しが多く退屈なため、エラーが発生しやすい場合があります。 GUI テストには自動化を強くお勧めします。