Aby zrozumieć testowanie GUI, najpierw zrozummy:
Co to jest GUI?
Istnieją dwa typy interfejsów dla aplikacji komputerowych. Interfejs wiersza poleceń to miejsce, w którym wpisujesz tekst, a komputer odpowiada na to polecenie. GUI to skrót od Graphical User Interface, w którym komunikujesz się z komputerem za pomocą obrazów, a nie tekstu.
Poniżej przedstawiono elementy GUI, które można wykorzystać do interakcji między użytkownikiem a aplikacją:
Testowanie GUI to walidacja powyższych elementów.
Testowanie GUI
Testowanie GUI to typ testowania oprogramowania, który sprawdza graficzny interfejs użytkownika oprogramowania. Celem testowania graficznego interfejsu użytkownika (GUI) jest zapewnienie funkcjonalności aplikacji oprogramowania zgodnie ze specyfikacjami poprzez sprawdzanie ekranów i elementów sterujących, takich jak menu, przyciski, ikony itp.
GUI jest tym, co widzi użytkownik. Powiedz, jeśli odwiedzasz guru99.com, co zobaczysz, powiedz, że strona główna to GUI (graficzny interfejs użytkownika) witryny. Użytkownik nie widzi kodu źródłowego. Interfejs jest widoczny dla użytkownika. Szczególnie nacisk kładziony jest na strukturę projektu, obrazy, które działają poprawnie lub nie.
W powyższym przykładzie, jeśli musimy przeprowadzić testy GUI, najpierw sprawdzamy, czy obrazy powinny być całkowicie widoczne w różnych przeglądarkach.
Linki są również dostępne, a przycisk powinien działać po kliknięciu.
Ponadto, jeśli użytkownik zmieni rozmiar ekranu, żadne obrazy ani zawartość nie powinny się zmniejszać, przycinać ani nakładać.
W tym samouczku nauczysz się:
- Co to jest testowanie GUI?
- Potrzeba testowania GUI
- Co sprawdzasz w testowaniu GUI?
- Podejście do testowania GUI
- Przypadki testowe do testowania GUI
- Demo: Jak przeprowadzić test GUI
- Wyzwania w testowaniu GUI
Potrzeba testowania GUI
Teraz podstawowa koncepcja testowania GUI jest jasna. Pojawi się kilka pytań, które pojawią się w twoim umyśle
- Dlaczego testowanie GUI?
- Czy to naprawdę potrzebne?
- Czy testowanie funkcjonalności i logiki Aplikacji to za mało? W takim razie po co tracić czas na testowanie interfejsu użytkownika.
Aby uzyskać odpowiedź, myśl jako użytkownik, a nie jako tester. Użytkownik nie ma żadnej wiedzy na temat oprogramowania / aplikacji XYZ. To UI Aplikacji decyduje, czy użytkownik będzie dalej korzystał z Aplikacji, czy nie.
Zwykły Użytkownik najpierw obserwuje projekt i wygląd Aplikacji / Oprogramowania oraz jak łatwo jest mu zrozumieć interfejs użytkownika. Jeśli użytkownik nie czuje się dobrze z interfejsem lub uzna aplikację za trudną do zrozumienia, nigdy nie użyje tej aplikacji ponownie. Dlatego GUI jest powodem do niepokoju i należy przeprowadzić odpowiednie testy, aby upewnić się, że GUI jest wolne od błędów.
Co sprawdzasz w testowaniu GUI?
Poniższa lista kontrolna zapewni szczegółowe testowanie GUI podczas testowania oprogramowania.
- Sprawdź wszystkie elementy GUI pod kątem rozmiaru, pozycji, szerokości, długości i akceptacji znaków lub liczb. Na przykład, musisz być w stanie wprowadzić dane wejściowe do pól wejściowych.
- Sprawdź, czy możesz wykonać zamierzoną funkcjonalność aplikacji za pomocą GUI
- Sprawdź, czy komunikaty o błędach są wyświetlane poprawnie
- Sprawdź wyraźne rozgraniczenie różnych sekcji na ekranie
- Sprawdź, czy czcionka używana w aplikacji jest czytelna
- Sprawdź, czy tekst jest wyrównany
- Sprawdź, czy kolor czcionki, a komunikaty ostrzegawcze są estetyczne
- Sprawdź, czy obrazy są wyraźne
- Sprawdź, czy obrazy są odpowiednio wyrównane
- Sprawdź rozmieszczenie elementów GUI dla różnych rozdzielczości ekranu.
Techniki testowania GUI
Techniki testowania GUI można podzielić na trzy części:
Testowanie ręczne
W ramach tego podejścia ekrany graficzne są sprawdzane ręcznie przez testerów zgodnie z wymaganiami określonymi w dokumencie wymagań biznesowych.
Nagrywaj i odtwarzaj
Testowanie GUI można przeprowadzić za pomocą narzędzi do automatyzacji. Odbywa się to w 2 częściach. Podczas nagrywania kroki testu są przechwytywane przez narzędzie automatyzacji. Podczas odtwarzania nagrane kroki testowe są wykonywane w testowanej aplikacji. Przykład takich narzędzi - QTP.
Testowanie oparte na modelu
Model to graficzny opis zachowania systemu. Pomaga nam zrozumieć i przewidzieć zachowanie systemu. Modele pomagają w generowaniu wydajnych przypadków testowych przy użyciu wymagań systemowych. W przypadku tego testowania opartego na modelu należy wziąć pod uwagę następujące kwestie:
- Zbuduj model
- Określ dane wejściowe dla modelu
- Oblicz oczekiwane wyniki dla modelu
- Uruchom testy
- Porównaj rzeczywistą wydajność z oczekiwaną wydajnością
- Decyzja o dalszych działaniach na modelu
Niektóre techniki modelowania, z których można wyprowadzić przypadki testowe:
- Wykresy - przedstawiają stan systemu i sprawdzają stan po wprowadzeniu pewnych danych wejściowych.
- Tabele decyzyjne - tabele używane do określania wyników dla każdego zastosowanego wkładu
Testowanie oparte na modelu to ewoluująca technika generowania przypadków testowych na podstawie wymagań . Jego główną zaletą w porównaniu z dwiema powyższymi metodami jest to, że może określić niepożądane stany, które może osiągnąć twój GUI.
Poniżej znajdują się narzędzia open source do przeprowadzania zautomatyzowanych testów interfejsu użytkownika.
| Produkt | Licencjonowany w ramach |
|---|---|
| AutoHotkey | GPL |
| Selen | Apache |
| Sikuli | MIT |
| Robot Framework | Apache |
| woda | BSD |
| Zestaw narzędzi Dojo | BSD |
Przykładowe przypadki testowe GUI
Testowanie GUI zasadniczo obejmuje
- Testowanie rozmiaru, położenia, szerokości, wysokości elementów.
- Testowanie wyświetlanych komunikatów o błędach.
- Testowanie różnych sekcji ekranu.
- Testowanie czcionki, czy jest czytelna, czy nie.
- Testowanie ekranu w różnych rozdzielczościach za pomocą powiększania i pomniejszania, np. 640 x 480, 600x800 itd.
- Testowanie wyrównania tekstów i innych elementów, takich jak ikony, przyciski itp., Czy są na właściwym miejscu, czy nie.
- Testowanie kolorów czcionek.
- Testowanie kolorów komunikatów o błędach, komunikatów ostrzegawczych.
- Testowanie, czy obraz ma dobrą klarowność, czy nie.
- Testowanie wyrównania obrazów.
- Testowanie pisowni.
- Użytkownik nie może być sfrustrowany podczas korzystania z interfejsu systemu.
- Testowanie atrakcyjności interfejsu.
- Testowanie pasków przewijania pod kątem rozmiaru strony, jeśli występują.
- Testowanie wyłączonych pól, jeśli istnieją.
- Testowanie rozmiaru obrazów.
- Testowanie nagłówków, czy są odpowiednio wyrównane, czy nie.
- Testowanie koloru hiperłącza.
Demo: Jak wykonać test GUI
Tutaj użyjemy kilku przykładowych przypadków testowych na następnym ekranie.
Poniżej znajduje się przykład przypadków testowych, na który składają się scenariusze testów interfejsu użytkownika i użyteczności.
TC 01- Sprawdź, czy pole tekstowe z etykietą „ Folder źródłowy ” jest prawidłowo wyrównane.
TC 02 - Sprawdź, czy pole tekstowe z etykietą „ Pakiet ” jest odpowiednio wyrównane.
TC 03 - Sprawdź, czy etykieta z nazwą „ Przeglądaj ” to przycisk znajdujący się na końcu pola tekstowego o nazwie „ Folder źródłowy ”.
TC 04 - Sprawdź, czy etykieta z nazwą „ Przeglądaj ” to przycisk znajdujący się na końcu pola tekstowego o nazwie „ Pakiet ”.
TC 05 - Sprawdź, czy pole tekstowe z etykietą „ Nazwa ” jest prawidłowo wyrównane.
TC 06 - Sprawdź, czy etykieta „ Modyfikatory ” składa się z 4 przycisków radiowych o nazwie public, default, private, protected.
TC 07 - Sprawdź, czy etykieta „ Modyfikatory ” składa się z 4 przycisków radiowych, które są odpowiednio ustawione w rzędzie.
TC 08 - Sprawdź, czy etykieta „ Superklasa ” pod etykietą „ Modyfikatory ” zawiera listę rozwijaną, która musi być odpowiednio wyrównana.
TC 09 - Sprawdź, czy etykieta „ Superclass ” składa się z przycisku z etykietą „ Browse ”, który musi być odpowiednio wyrównany.
TC 10 - Sprawdź, czy kliknięcie dowolnego przycisku opcji domyślny wskaźnik myszy musi zostać zmieniony na wskaźnik myszy dłoni.
TC 11 - Sprawdź, czy użytkownik nie może pisać w menu rozwijanym „ Superclass ”.
TC 12 - Sprawdź, czy musi wystąpić poprawny błąd, jeśli coś zostało omyłkowo wybrane.
TC 13 - Sprawdź, czy błąd musi być generowany w kolorze CZERWONYM wszędzie tam, gdzie jest to konieczne.
TC 14 - Sprawdź, czy w komunikatach o błędach muszą być używane odpowiednie etykiety.
TC 15 - Sprawdź, czy za każdym razem pojedyncze przyciski opcji muszą być zaznaczone domyślnie.
TC 16 - Sprawdź, czy przycisk TAB musi działać poprawnie podczas przeskakiwania na inne pole obok poprzedniego.
TC 17 - Sprawdź, czy wszystkie strony muszą zawierać właściwy tytuł.
TC 18 - Sprawdź, czy tekst na stronie musi być odpowiednio wyrównany.
TC 19 - Zweryfikuj, czy po zaktualizowaniu dowolnego pola musi zostać wyświetlony odpowiedni komunikat potwierdzający.
TC 20 - Sprawdź, czy tylko 1 przycisk opcji musi być wybrany i można zaznaczyć więcej niż pojedyncze pola wyboru.
Wyzwania w testowaniu GUI
W inżynierii oprogramowania najczęstszym problemem podczas testowania regresji jest częste zmiany interfejsu GUI aplikacji. Bardzo trudno jest przetestować i określić, czy jest to problem, czy ulepszenie. Problem pojawia się, gdy nie masz żadnych dokumentów dotyczących zmian w GUI.
Narzędzia do testowania GUI
Poniżej znajduje się lista popularnych narzędzi do testowania GUI :
- Ranorex
- Selen
- QTP
- Ogórek
- SilkTest
- TestComplete
- Squish GUI Tester
Kliknij tutaj, aby dowiedzieć się o selenie, QTP i ogórku.
Wniosek:
Sukces oprogramowania w dużej mierze zależy od tego, jak interfejs GUI współdziała z użytkownikiem i od łatwości korzystania z jego różnych funkcji. Dlatego testowanie GUI jest bardzo ważne. Ręczne testowanie GUI może czasami być powtarzalne i nudne, a tym samym podatne na błędy. Automatyzacja jest wysoce zalecana do testowania GUI.
Ten artykuł jest możliwy dzięki wkładowi Swati Ghildiyal, Prateek Chandra i Guru99.