GUI-testning – UI-testfall (exempel)

För att förstå GUI Testing låter vi först förstå-

Vad är GUI?

Det finns två typer av gränssnitt för en datorapplikation. Kommandoradsgränssnittet är där du skriver text och datorn svarar på det kommandot. GUI står för Graphical User Interface där du interagerar med datorn med hjälp av bilder istället för text.

Följande är GUI-elementen som kan användas för interaktion mellan användaren och applikationen:

GUI

GUI-testning är en validering av ovanstående element.

Vad är GUI-testning?

GUI-testning är en mjukvarutestningstyp som kontrollerar programvarans grafiska användargränssnitt. Syftet med testning av grafiskt användargränssnitt (GUI) är att säkerställa att funktionerna i mjukvaruapplikationer fungerar enligt specifikationerna genom att kontrollera skärmar och kontroller som menyer, knappar, ikoner, etc.

GUI är vad användaren ser. Säg att om du besöker guru99.com vad du kommer att se hemsidan är det GUI (grafiskt användargränssnitt) för webbplatsen. En användare ser inte källkoden. Gränssnittet är synligt för användaren. Särskilt fokus ligger på designstrukturen, bilder på att de fungerar som de ska eller inte.

GUI-testning

I ovanstående exempel, om vi måste göra GUI-testning kontrollerar vi först att bilderna ska vara helt synliga i olika webbläsare.

Länkarna är också tillgängliga och knappen bör fungera när den klickas.

Om användaren ändrar storlek på skärmen bör varken bilder eller innehåll krympa eller beskära eller överlappa varandra.

Behov av GUI-testning

Nu är grundkonceptet för GUI-testning tydligt. De få frågor som kommer att slå i ditt sinne kommer att vara

  • Varför testar man GUI?
  • Behövs det verkligen?
  • Är det inte mer än tillräckligt att testa funktionellt och logik för Application? Varför ska man då slösa tid på UI-testning.

För att få svaret att tänka som användare, inte som testare. En användare har ingen kunskap om XYZ programvara/applikation. Det är applikationens användargränssnitt som avgör om en användare ska använda applikationen vidare eller inte.

En normal användare observerar först designen och utseendet på applikationen/mjukvaran och hur lätt det är för honom att förstå användargränssnittet. Om en användare inte är bekväm med gränssnittet eller tycker att applikationen är komplex att förstå skulle han aldrig använda den applikationen igen. Det är därför, GUI är en fråga för oro, och korrekta tester bör utföras för att säkerställa att GUI är fritt från buggar.

Vad checkar du in på GUI-testning?

Följande checklista säkerställer detaljerad GUI-testning vid mjukvarutestning.

  • Kontrollera alla GUI-element för storlek, position, bredd, längd och acceptans av tecken eller siffror. Du måste till exempel kunna ge indata till inmatningsfälten.
  • Kontrollera att du kan köra programmets avsedda funktionalitet med hjälp av GUI
  • Kontrollera att felmeddelanden visas korrekt
  • Kontrollera om det finns en tydlig avgränsning av olika sektioner på skärmen
  • Kontrollera att teckensnitt som används i ett program är läsbart
  • Kontrollera att justeringen av texten är korrekt
  • Kontrollera färgen på teckensnittet och varningsmeddelanden är estetiskt tilltalande
  • Kontrollera att bilderna har bra skärpa
  • Kontrollera att bilderna är korrekt justerade
  • Kontrollera placeringen av GUI-element för olika skärmupplösningar.

GUI-testtekniker

GUI-testtekniker kan delas in i tre delar:

Manuell baserad testning

Under detta tillvägagångssätt kontrolleras grafiska skärmar manuellt av testare i enlighet med kraven i affärskravsdokumentet.

Manuell baserad testning

Spela in och spela upp igen

GUI-testning kan göras med hjälp av automationsverktyg. Detta görs i 2 delar. Under Record fångas teststegen av automationsverktyget. Under uppspelning exekveras de inspelade teststegen på Application Under Test. Exempel på sådana verktyg – QTP.

Spela in och spela upp igen

Modellbaserad testning

Modellbaserad testning

En modell är en grafisk beskrivning av ett systems beteende. Det hjälper oss att förstå och förutsäga systemets beteende. Modeller hjälper till att skapa effektiva testfall som använder systemkraven. Följande måste beaktas för denna modellbaserade testning:

  • Bygg modellen
  • Bestäm ingångar för modellen
  • Beräkna den förväntade effekten för modellen
  • Kör testerna
  • Jämför den faktiska produktionen med den förväntade effekten
  • Ett beslut om ytterligare åtgärder på modellen

Några av modelleringsteknikerna från vilka testfall kan härledas:

  • Diagram – Visar tillståndet för ett system och kontrollerar tillståndet efter viss inmatning.
  • Beslutstabeller – Tabeller som används för att fastställa resultat för varje indata som används

Modellbaserad testning är en utvecklande teknik för att generera testfall utifrån kraven. Dess främsta fördel, jämfört med ovanstående två metoder, är att den kan fastställa oönskade tillstånd som ditt GUI kan uppnå.

Följande är verktyg med öppen källkod tillgängliga för att utföra automatiserade UI-test.

Produkt Licensierad under
AutoHotkey GPL
Selenium Apache
Sikuli MIT
Robotramverk Apache
Vatten BSD
Dojo Toolkit BSD

Exempel på testfall för GUI-testning

GUI-testning innebär i princip

  1. Testa elementens storlek, position, bredd, höjd.
  2. Testning av felmeddelanden som visas.
  3. Testar de olika delarna av skärmen.
  4. Test av typsnittet om det är läsbart eller inte.
  5. Test av skärmen i olika upplösningar med hjälp av att zooma in och ut som 640 x 480, 600×800 osv.
  6. Att testa anpassningen av texterna och andra element som ikoner, knappar etc. är på rätt plats eller inte.
  7. Testar färgerna på typsnitten.
  8. Testar färgerna på felmeddelanden, varningsmeddelanden.
  9. Testar om bilden har bra skärpa eller inte.
  10. Testar justeringen av bilderna.
  11. Provning av stavningen.
  12. Användaren får inte bli frustrerad när han använder systemgränssnittet.
  13. Testar om gränssnittet är attraktivt eller inte.
  14. Testning av rullningslisterna enligt storleken på sidan om det finns.
  15. Testning av de inaktiverade fälten om några.
  16. Test av storleken på bilderna.
  17. Test av rubrikerna om de är korrekt justerade eller inte.
  18. Test av färgen på hyperlänken.

Demo: Hur man gör GUI-test

Här kommer vi att använda några exempel på testfall för följande skärm.

Demo: Hur man gör GUI-test

Nedan följer ett exempel på testfallen, som består av testscenarier för användargränssnitt och användbarhet.

Testfall 01- Kontrollera att textrutan med etiketten "Källmapp” är korrekt justerad.

Testfall 02 – Kontrollera att textrutan med etiketten "Paket” är korrekt justerad.

Testfall 03 – Verifiera den etiketten med namnet "Bläddra” är en knapp som finns i slutet av TextBox med namnet "Källmapp. "

Testfall 04 – Verifiera den etiketten med namnet "Bläddra” är en knapp som finns i slutet av TextBox med namnet "Paket. "

Testfall 05 – Kontrollera att textrutan med etiketten "Namn ” är korrekt justerad.

Testfall 06 – Kontrollera att etiketten "modifierare” består av 4 radioknappar med namnet public, default, private, protected.

Testfall 07 – Kontrollera att etiketten "modifierare” består av 4 radioknappar som är rätt riktade i rad.

Testfall 08 – Kontrollera att etiketten "super" under etiketten "modifierare” består av en rullgardinsmeny som måste vara korrekt justerad.

Testfall 09 – Kontrollera att etiketten "super” består av en knapp med etiketten ”Bläddra” på den som måste vara korrekt inriktad.

Testfall 10 – Verifiera att om du klickar på valfri alternativknapp måste standardmuspekaren ändras till handmuspekaren.

Testfall 11 – Verifiera att användaren inte får kunna skriva i rullgardinsmenyn för "super. "

Testfall 12 – Verifiera att det måste skapas ett korrekt fel om något har valts av misstag.

Testfall 13 – Verifiera att felet måste genereras i den RÖDA färgen där det är nödvändigt.

Testfall 14 – Kontrollera att korrekta etiketter måste användas i felmeddelandena.

Testfall 15 – Verifiera att de enskilda radioknapparna måste väljas som standard varje gång.

Testfall 16 – Kontrollera att TAB-knappen måste fungera korrekt när du hoppar på ett annat fält bredvid föregående.

Testfall 17 – Kontrollera att alla sidor måste innehålla rätt titel.

Testfall 18 – Kontrollera att sidtexten måste vara korrekt justerad.

Testfall 19 – Verifiera att efter uppdatering av något fält måste ett korrekt bekräftelsemeddelande visas.

Testfall 20 – Verifiera att endast en alternativknapp måste väljas och att fler än enstaka kryssrutor kan väljas.

Utmaningar i GUI-testning

I Software Engineering, det vanligaste problemet när du gör Regressionstestning är att applikationens GUI ändras ofta. Det är mycket svårt att testa och identifiera om det är ett problem eller en förbättring. Problemet visar sig när du inte har några dokument angående GUI-ändringar.

GUI-testverktyg

Följande är en lista över populära GUI-testverktyg :

  1. Selenium
  2. QTP
  3. Cucumber
  4. SilkTest
  5. TestComplete
  6. Squish GUI-testare

Klicka här för att lära dig Selenium, QTP & Cucumber.

Slutsats

Framgången för en mjukvaruprodukt beror oerhört mycket på hur GUI interagerar med användaren och hur lätt det är att använda dess olika funktioner. Därför är GUI-testning mycket viktigt. Manuell GUI-testning kan ibland vara repetitiv och tråkig och därmed felbenägen. Automatisering rekommenderas starkt för GUI-testning.