GUI-Tests – UI-Testfälle (Beispiele)

Um GUI-Tests zu verstehen, müssen wir zunächst verstehen:

Was ist GUI?

Es gibt zwei Arten von Schnittstellen für eine Computeranwendung. Über die Befehlszeilenschnittstelle geben Sie Text ein und der Computer reagiert auf diesen Befehl. GUI steht für Graphical User Interface, bei dem Sie mit dem Computer über Bilder statt Text interagieren.

Im Folgenden sind die GUI-Elemente aufgeführt, die für die Interaktion zwischen Benutzer und Anwendung verwendet werden können:

GUI-Tests sind eine Validierung der oben genannten Elemente.

Was ist GUI-Testen?

GUI-Tests ist ein Softwaretesttyp, der die grafische Benutzeroberfläche der Software überprüft. Der Zweck des Testens grafischer Benutzeroberflächen (GUI) besteht darin, sicherzustellen, dass die Funktionalitäten von Softwareanwendungen gemäß den Spezifikationen funktionieren, indem Bildschirme und Steuerelemente wie Menüs, Schaltflächen, Symbole usw. überprüft werden.

GUI ist das, was der Benutzer sieht. Sagen Sie, wenn Sie guru99.com besuchen, sehen Sie beispielsweise die Startseite, es handelt sich um die GUI (grafische Benutzeroberfläche) der Website. Ein Benutzer sieht den Quellcode nicht. Die Schnittstelle ist für den Benutzer sichtbar. Besonders der Fokus liegt auf der Designstruktur, den Bildern, ob sie richtig funktionieren oder nicht.

Wenn wir im obigen Beispiel GUI-Tests durchführen müssen, prüfen wir zunächst, ob die Bilder in verschiedenen Browsern vollständig sichtbar sein sollten.

Außerdem sind die Links verfügbar und die Schaltfläche sollte funktionieren, wenn darauf geklickt wird.

Wenn der Benutzer außerdem die Größe des Bildschirms ändert, sollten weder Bilder noch Inhalte verkleinert, zugeschnitten oder überlappt werden.

Bedarf an GUI-Tests

Jetzt ist das Grundkonzept des GUI-Tests klar. Die wenigen Fragen, die Ihnen in den Sinn kommen werden, werden sein

Warum GUI-Tests durchführen?
Ist es wirklich nötig?
Reicht das Testen der Funktionalität und Logik der Anwendung nicht mehr als aus? Warum sollten Sie dann Zeit mit UI-Tests verschwenden?

Um die Antwort zu erhalten, muss man als Benutzer denken, nicht als Tester. Ein Benutzer hat keine Kenntnisse über die XYZ-Software/-Anwendung. Es ist die Benutzeroberfläche der Anwendung, die entscheidet, ob ein Benutzer die Anwendung weiterhin verwenden wird oder nicht.

Ein normaler Benutzer beobachtet zuerst das Design und das Aussehen der Anwendung/Software und wie einfach es für ihn ist, die Benutzeroberfläche zu verstehen. Wenn ein Benutzer mit der Benutzeroberfläche nicht vertraut ist oder die Anwendung als schwer zu verstehen empfindet, wird er diese Anwendung nie wieder verwenden. Aus diesem Grund ist die Benutzeroberfläche ein Grund zur Sorge und es sollten entsprechende Tests durchgeführt werden, um sicherzustellen, dass die Benutzeroberfläche fehlerfrei ist.

Was checken Sie beim GUI-Testen ein?

Die folgende Checkliste gewährleistet ein detailliertes GUI-Testing beim Softwaretesten.

Überprüfen Sie alle GUI-Elemente auf Größe, Position, Breite, Länge und Akzeptanz von Zeichen oder Zahlen. Sie müssen beispielsweise in der Lage sein, Eingaben in die Eingabefelder zu machen.
Prüfen Sie, ob Sie die vorgesehene Funktionalität der Anwendung über die GUI ausführen können
Überprüfen Sie, ob Fehlermeldungen korrekt angezeigt werden
Achten Sie auf eine klare Abgrenzung der verschiedenen Abschnitte auf dem Bildschirm
Überprüfen Sie, ob die in einer Anwendung verwendete Schriftart lesbar ist
Überprüfen Sie, ob die Textausrichtung korrekt ist
Überprüfen Sie, ob die Farbe der Schriftart und der Warnmeldungen ästhetisch ansprechend ist
Überprüfen Sie, ob die Bilder eine gute Klarheit haben
Überprüfen Sie, ob die Bilder richtig ausgerichtet sind
Überprüfen Sie die Positionierung von GUI-Elementen für unterschiedliche Bildschirmauflösungen.

GUI-Testtechniken

GUI-Testtechniken kann in drei Teile kategorisiert werden:

Manuelles Testen

Bei diesem Ansatz werden grafische Bildschirme manuell von Testern auf Übereinstimmung mit den im Geschäftsanforderungsdokument genannten Anforderungen überprüft.

Aufnahme und Wiedergabe

GUI-Tests können mithilfe von Automatisierungstools durchgeführt werden. Dies erfolgt in 2 Teilen. Während der Aufzeichnung werden Testschritte vom Automatisierungstool erfasst. Während der Wiedergabe werden die aufgezeichneten Testschritte auf der zu testenden Anwendung ausgeführt. Beispiel für solche Tools – QTP.

Modellbasiertes Testen

Ein Modell ist eine grafische Beschreibung des Verhaltens eines Systems. Es hilft uns, das Systemverhalten zu verstehen und vorherzusagen. Modelle helfen bei der Generierung effizienter Testfälle unter Verwendung der Systemanforderungen. Folgendes muss bei diesem modellbasierten Testen berücksichtigt werden:

Erstellen Sie das Modell
Bestimmen Sie die Eingaben für das Modell
Berechnen Sie die erwartete Ausgabe für das Modell
Führen Sie die Tests durch
Vergleichen Sie die tatsächliche Ausgabe mit der erwarteten Ausgabe
Eine Entscheidung über das weitere Vorgehen am Modell

Einige der Modellierungstechniken, aus denen Testfälle abgeleitet werden können:

Diagramme – Stellt den Zustand eines Systems dar und überprüft den Zustand nach einigen Eingaben.
Entscheidungstabellen – Tabellen zur Bestimmung der Ergebnisse für jede angewendete Eingabe

Modellbasiertes Testen ist eine sich weiterentwickelnde Technik zur Generierung von Testfällen aus den Anforderungen. Der Hauptvorteil im Vergleich zu den beiden oben genannten Methoden besteht darin, dass unerwünschte Zustände ermittelt werden können, die Ihre GUI erreichen kann.

Im Folgenden sind Open-Source-Tools zum Durchführen automatisierter UI-Tests verfügbar.

Produkt	Lizenziert unter
AutoHotkey	GPL
Selenium	Apache
Sikuli	MIT
Roboter-Framework	Apache
nutzung von	BSD
Dojo-Toolkit	BSD

Beispiele für GUI-Testtestfälle

GUI-Tests beinhalten grundsätzlich

Testen der Größe, Position, Breite und Höhe der Elemente.
Testen der angezeigten Fehlermeldungen.
Testen Sie die verschiedenen Bereiche des Bildschirms.
Testen der Schriftart, ob sie lesbar ist oder nicht.
Testen des Bildschirms in verschiedenen Auflösungen mithilfe von Vergrößern und Verkleinern wie 640 x 480, 600 x 800 usw.
Testen Sie die Ausrichtung der Texte und anderer Elemente wie Symbole, Schaltflächen usw., ob sie an der richtigen Stelle sind oder nicht.
Testen der Farben der Schriftarten.
Testen der Farben der Fehlermeldungen, Warnmeldungen.
Testen, ob das Bild eine gute Klarheit hat oder nicht.
Testen der Ausrichtung der Bilder.
Prüfung der Rechtschreibung.
Der Benutzer darf bei der Nutzung der Systemschnittstelle nicht frustriert sein.
Testen, ob die Schnittstelle attraktiv ist oder nicht.
Testen der Bildlaufleisten entsprechend der Größe der Seite, falls vorhanden.
Testen der deaktivierten Felder, falls vorhanden.
Prüfung der Größe der Bilder.
Prüfung der Überschriften, ob diese richtig ausgerichtet sind oder nicht.
Testen der Farbe des Hyperlinks.

Demo: So führen Sie einen GUI-Test durch

Hier verwenden wir einige Beispieltestfälle für den folgenden Bildschirm.

Nachfolgend finden Sie ein Beispiel für Testfälle, das aus UI- und Usability-Testszenarien besteht.

Testfall 01- Überprüfen Sie, ob das Textfeld mit der Beschriftung „Quellverzeichnis” ist richtig ausgerichtet.

Testfall 02 – Überprüfen Sie, ob das Textfeld mit der Beschriftung „Paket” ist richtig ausgerichtet.

Testfall 03 – Überprüfen Sie das Etikett mit dem Namen „Hochladen„ ist eine Schaltfläche, die sich am Ende des Textes befindetBox mit dem Namen „Quellverzeichnis"

Testfall 04 – Überprüfen Sie das Etikett mit dem Namen „Hochladen„ ist eine Schaltfläche, die sich am Ende des Textes befindetBox mit dem Namen „Paket"

Testfall 05 – Überprüfen Sie, ob das Textfeld mit der Beschriftung „Name” ist richtig ausgerichtet.

Testfall 06 – Überprüfen Sie, ob die Bezeichnung „Modifikatoren„besteht aus 4 Optionsfeldern mit den Namen public, default, private, protected.

Testfall 07 – Überprüfen Sie, ob die Bezeichnung „Modifikatoren„besteht aus 4 Optionsfeldern, die richtig hintereinander angeordnet sind.

Testfall 08 – Überprüfen Sie, ob die Bezeichnung „Superklasse” unter dem Label „Modifikatoren„besteht aus einem Dropdown-Menü, das richtig ausgerichtet sein muss.

Testfall 09 – Überprüfen Sie, ob die Bezeichnung „Superklasse„besteht aus einer Schaltfläche mit der Beschriftung „Hochladen” drauf, die richtig ausgerichtet sein muss.

Testfall 10 – Stellen Sie sicher, dass beim Klicken auf ein beliebiges Optionsfeld der Standardmauszeiger in den Handmauszeiger geändert werden muss.

Testfall 11 – Stellen Sie sicher, dass der Benutzer nicht in der Lage sein darf, in das Dropdown-Menü „“ einzugeben.Superklasse"

Testfall 12 – Stellen Sie sicher, dass ein ordnungsgemäßer Fehler generiert werden muss, wenn etwas fälschlicherweise ausgewählt wurde.

Testfall 13 – Stellen Sie sicher, dass der Fehler überall dort, wo es erforderlich ist, in der Farbe ROT generiert werden muss.

Testfall 14 – Stellen Sie sicher, dass in den Fehlermeldungen die richtigen Bezeichnungen verwendet werden müssen.

Testfall 15 – Stellen Sie sicher, dass die einzelnen Optionsfelder jedes Mal standardmäßig ausgewählt sein müssen.

Testfall 16 – Stellen Sie sicher, dass die TAB-Taste ordnungsgemäß funktioniert, wenn Sie auf ein anderes Feld neben dem vorherigen springen.

Testfall 17 – Stellen Sie sicher, dass alle Seiten den richtigen Titel enthalten müssen.

Testfall 18 – Stellen Sie sicher, dass der Seitentext richtig ausgerichtet sein muss.

Testfall 19 – Überprüfen Sie, ob nach der Aktualisierung eines Felds eine entsprechende Bestätigungsmeldung angezeigt werden muss.

Testfall 20 – Überprüfen Sie, ob nur 1 Optionsfeld ausgewählt werden muss und mehrere Kontrollkästchen aktiviert werden können.

Herausforderungen beim GUI-Testen

Im Software Engineering das häufigste Problem dabei Regressionstests liegt darin, dass sich die Benutzeroberfläche der Anwendung häufig ändert. Es ist sehr schwierig zu testen und festzustellen, ob es sich um ein Problem oder eine Verbesserung handelt. Das Problem tritt auf, wenn Sie keine Dokumente zu GUI-Änderungen haben.

GUI-Testtools

Nachfolgend finden Sie eine Liste beliebter GUI-Testtools :

Selenium
QTP
Cucumber
Seidentest
Testvervollständigen
Squish GUI-Tester

Klicken Sie hier, um zu lernen Selenium, QTP & Cucumber.

Fazit

Der Erfolg eines Softwareprodukts hängt im Wesentlichen davon ab, wie die GUI mit dem Benutzer interagiert und wie einfach die verschiedenen Funktionen zu nutzen sind. Daher sind GUI-Tests sehr wichtig. Manuelle GUI-Tests können manchmal repetitiv und langweilig sein und daher fehleranfällig sein. Für GUI-Tests wird die Automatisierung dringend empfohlen.