testowanie UI: obszerny przewodnik

BY admin
|

testowanie UI jest ważnym elementem cyklu testowania oprogramowania. Aby sprawdzić, czy aplikacje mają pożądane funkcje i czy są przyjazne dla użytkownika, specjaliści ds. kontroli jakości powinni przetestować wszystkie komponenty interfejsu. To nie tylko poprawia jakość oprogramowania, ale także zapewnia użytkownikom końcowym komfort podczas korzystania z aplikacji.

w tym obszernym przewodniku omówimy wszystko, co musisz wiedzieć o testowaniu interfejsu użytkownika, od podstawowych pojęć testowania interfejsu użytkownika po sposób przeprowadzenia skutecznego testu interfejsu użytkownika. Pod koniec przyjrzymy się wyzwaniom związanym z testowaniem interfejsu użytkownika i dostarczymy praktycznych rozwiązań.

Co To jest testowanie interfejsu użytkownika?

testowanie interfejsu użytkownika lub interfejsu użytkownika, znane również jako testowanie GUI, to proces testowania elementów wizualnych aplikacji w celu sprawdzenia, czy dokładnie spełniają one oczekiwaną wydajność i funkcjonalność. Testując GUI, testerzy mogą potwierdzić, że funkcje UI są wolne od wad.

polega na testowaniu wszystkich wskaźników wizualnych i ikon graficznych, w tym menu, przycisków radiowych, pól tekstowych, pól wyboru, pasków narzędzi, kolorów, czcionek i innych.

główne aspekty sprawdzane w testowaniu interfejsu użytkownika obejmują:

  • projekt wizualny
  • funkcjonalność
  • użyteczność
  • wydajność
  • Zgodność

testowanie interfejsu użytkownika odbywa się ręcznie lub automatycznie za pomocą narzędzia testującego. Niezależnie od zastosowanej metody, celem jest zapewnienie, że wszystkie elementy interfejsu użytkownika spełniają wymagane specyfikacje.

potrzeba testowania interfejsu użytkownika

testowanie interfejsu użytkownika koncentruje się wokół dwóch głównych rzeczy. Po pierwsze, sprawdzanie, w jaki sposób aplikacja obsługuje działania użytkownika wykonywane za pomocą klawiatury, myszy i innych urządzeń wejściowych. Po drugie, sprawdzenie, czy elementy wizualne są wyświetlane i działają poprawnie.

tylko w ten sposób organizacje mogą zapewnić, że aplikacje spełniają ich wymagania funkcjonalne i że użytkownicy końcowi z powodzeniem je przyjmą. Z tego powodu testowanie interfejsu użytkownika odgrywa istotną rolę przed wprowadzeniem aplikacji do produkcji.

Lista kontrolna testowania interfejsu użytkownika: podstawowe przypadki testowe

podobnie jak większość rodzajów testowania oprogramowania, zakres testowania GUI może być bardzo szeroki. W tej sekcji zebraliśmy podstawowe przypadki testowe, które mogą pomóc specjalistom ds. kontroli jakości dokładnie przetestować ich interfejsy. Przypadki testowe obejmują różne aspekty interfejsu użytkownika, w tym obrazy, standardy kolorów, zawartość strony, nawigację, użyteczność i inne. Użyj tej listy kontrolnej, aby upewnić się, że testy interfejsu użytkownika są bardziej wyczerpujące.

  • błędy typów danych – upewnij się, że można wprowadzić tylko poprawne dane dla określonych typów danych, takich jak waluta i daty.
  • szerokości pól-jeśli określone pole tekstowe zezwala na określoną ilość znaków, to w interfejsie użytkownika należy zaznaczyć, że wprowadzone dane nie powinny przekraczać limitu znaków. (Na przykład pole, które pozwala na 50 znaków w bazie danych aplikacji, nie powinno pozwalać użytkownikom na wprowadzenie więcej niż 50 znaków w interfejsie).
  • elementy nawigacyjne – sprawdź, czy wszystkie przyciski nawigacyjne na stronie działają poprawnie i czy przekierowują użytkowników na właściwą stronę lub ekran.
  • paski postępu – podczas wyświetlania ekranów, które wymagają czasu na renderowanie wyników, należy użyć paska postępu, aby pokazać użytkownikowi, że proces jest nadal uruchomiony.
  • Type-ahead – jeśli twój interfejs użytkownika Korzysta z rozwijanych list, upewnij się, że uwzględniłeś type ahead. W rozwijanym menu z setkami pozycji wpisanie pierwszej litery powinno pominąć listę do pozycji zaczynających się od tej litery, tak aby użytkownicy nie musieli sprawdzać długiej listy.
  • przewijanie tabeli-Jeśli dane w tabelach rozciągają się na inną stronę, funkcja przewijania powinna umożliwić użytkownikom przewijanie danych, ale zachować wszystkie nagłówki nienaruszone.
  • rejestrowanie błędów – gdy w systemie wystąpi błąd krytyczny, upewnij się, że aplikacja zapisze szczegóły błędu do przeglądarki zdarzeń lub pliku dziennika w celu późniejszego sprawdzenia.
  • pozycje Menu – upewnij się, że aplikacja wyświetla tylko prawidłowe pozycje menu, które są dostępne w określonym stanie.
  • skróty robocze-w przypadku aplikacji obsługujących skróty sprawdź, czy działają poprawnie, niezależnie od używanej przeglądarki, platformy lub urządzenia.
  • Confirm action buttons – upewnij się, że UI ma działający przycisk confirm za każdym razem, gdy użytkownik chce zapisać lub usunąć element

oprócz testowania tych poszczególnych elementów korzystne jest również testowanie interfejsu użytkownika w celu weryfikacji najbardziej krytycznych procesów end-to-end. Ponieważ jest to miejsce, w którym użytkownicy będą najczęściej wchodzić w interakcje z Twoją aplikacją, zobaczysz również największy zwrot z inwestycji z tego typu testowania interfejsu użytkownika.

w przypadku testów end-to-end przypadki testów interfejsu użytkownika są o wiele bardziej prawdopodobne, aby rozwiązać najważniejsze problemy w organizacji. Jednym z głównych przykładów kompleksowego procesu, który może korzystać z testów interfejsu użytkownika, jest przetwarzanie płatności kartą kredytową. W szczególności w branży eCommerce bezwzględnie konieczne jest upewnienie się, że Twoja aplikacja może podjąć wszystkie niezbędne kroki, aby zaakceptować i zweryfikować prawidłową transakcję. Takie procesy testowe nie tylko potwierdzą, że kod działa poprawnie, ale także będą miały duży wpływ na całą firmę.

podejścia do testowania interfejsu użytkownika

istnieją trzy główne podejścia do testowania interfejsu użytkownika, a mianowicie:

testowanie ręczne

w testowaniu ręcznym Tester ludzki wykonuje zestaw operacji, aby sprawdzić, czy aplikacja działa poprawnie i czy elementy graficzne są zgodne z udokumentowanymi wymaganiami. Testy ręczne mają znaczące wady, ponieważ mogą być czasochłonne, a zasięg testu jest bardzo niski. Dodatkowo jakość testów w tym podejściu zależy od wiedzy i możliwości Zespołu testującego.

testowanie nagrywania i odtwarzania

znany również jako testowanie nagrywania i odtwarzania, jest wykonywany przy użyciu narzędzi automatyzacji. Zautomatyzowane narzędzie do testowania interfejsu użytkownika rejestruje wszystkie zadania, działania i interakcje z aplikacją. Zarejestrowane kroki są następnie odtwarzane, wykonywane i porównywane z oczekiwanym zachowaniem. W celu dalszego testowania, Faza powtórek może być powtarzana z różnymi zestawami danych.

testowanie oparte na modelach

w tym podejściu do testowania skupiamy się na budowaniu modeli graficznych opisujących zachowanie systemu. Zapewnia to głębsze zrozumienie systemu, co pozwala testerowi generować wysoce wydajne przypadki testowe. W modelach określamy wejścia i wyjścia systemu, które z kolei służą do przeprowadzania testów. Testy oparte na modelach działają w następujący sposób:

  • Utwórz model systemu
  • Określ wejścia systemowe
  • zweryfikuj oczekiwane wyjście
  • wykonaj testy
  • Sprawdź i zweryfikuj wyjście systemu w porównaniu z oczekiwanym wyjściem

podejście oparte na modelu jest świetne, ponieważ pozwala na wyższy poziom automatyzacji. Obejmuje również większą liczbę stanów w systemie, poprawiając tym samym zasięg testu.

scenariusze testowania interfejsu użytkownika

podczas przeprowadzania testu interfejsu użytkownika zespół ds. Dzięki tym informacjom testerzy mogą teraz definiować scenariusze testowe, tworzyć przypadki testowe i pisać skrypty testowe.

scenariusz testowy to dokument, który podkreśla, w jaki sposób testowana aplikacja będzie używana w prawdziwym życiu. Prosty scenariusz testowy w większości aplikacji brzmiałby: „użytkownicy pomyślnie zalogują się przy użyciu prawidłowej nazwy użytkownika lub identyfikatora i hasła” w tym scenariuszu możemy mieć przypadki testowe dla wielu zdarzeń GUI. Dotyczy to również sytuacji, gdy użytkownik:

  • podaje poprawną kombinację nazwy użytkownika i hasła
  • wprowadza nieprawidłową nazwę użytkownika
  • wprowadza poprawną nazwę użytkownika, ale nieprawidłowe hasło
  • zapomina i próbuje zresetować hasło
  • próbuje skopiować hasło z pola hasła
  • próbuje skopiować hasło do pola hasła
  • naciska przycisk pomocy

chociaż scenariusze nie są wymagane podczas tworzenia przypadków testowych interfejsu użytkownika, kierują ich rozwojem. Zasadniczo służą one jako podstawa do tworzenia przypadków testowych i skryptów testowych, jak pokazano poniżej:

Demo: Praktyczny Test UI

podczas testowania interfejsu użytkownika bierze się pod uwagę wiele czynników. Rozważmy ten Formularz rejestracji Google jako przykład.

korzystając z powyższego formularza, identyfikujemy 13 przypadków testowych, oznaczonych TC-1 do TC-13. Przynajmniej powinniśmy wykonać następujące kontrole UI:

TC-1

  • sprawdź etykietę strony, pozycję i czcionkę.

TC-2

  • sprawdź, czy nagłówek strony jest poprawny.
  • Sprawdź używaną czcionkę.

TC-3

  • zaznacz fokus kursora na domyślnym polu.
  • sprawdź pola obowiązkowe, klikając Dalej, gdy formularz jest pusty.
  • sprawdź położenie i wyrównanie pola tekstowego.
  • Sprawdź akceptację zarówno poprawnych, jak i nieprawidłowych znaków w etykietach pól.

TC-4

  • zaznacz pozycję i wyrównanie pola tekstowego.
  • sprawdź etykiety pól, potwierdź akceptację zarówno poprawnych, jak i nieprawidłowych znaków.

TC-5

  • zaznacz pozycję i wyrównanie pola tekstowego.
  • sprawdź etykiety pól, potwierdź akceptację zarówno poprawnych, jak i nieprawidłowych znaków.

TC-6

  • sprawdź komunikat o błędzie, wprowadzając znaki dozwolone i zabronione.
  • Sprawdź poprawność Komunikatu o błędzie.

TC-7

  • wyskakujące okienka testowe i hiperłącza.

TC-8

  • sprawdź etykiety pól, potwierdź akceptację zarówno poprawnych, jak i nieprawidłowych znaków.
  • sprawdź położenie i wyrównanie pola tekstowego.

TC-9

  • Zapisz niezrównane hasło.
  • sprawdź etykiety pól, potwierdź akceptację zarówno poprawnych, jak i nieprawidłowych znaków.
  • sprawdź położenie i wyrównanie pola tekstowego.

TC-10

  • sprawdź pozycję ikony.
  • Test ikona pokazuje lub ukrywa hasło użytkownika.
  • sprawdź jakość obrazu.

TC-11

  • sprawdź komunikat o błędzie, wprowadzając znaki dozwolone i zabronione.
  • Sprawdź poprawność Komunikatu o błędzie.

TC-12

  • wyskakujące okienka testowe i hiperłącza.

TC-13

  • przesłanie formularza testowego.
  • sprawdź pozycję i jasność przycisku.

wyzwania związane z testowaniem interfejsu użytkownika

testerzy oprogramowania napotykają wiele problemów podczas wykonywania testów interfejsu użytkownika. Do najważniejszych wyzwań należą:

  • stale zmieniający się interfejs użytkownika-powszechne jest ciągłe aktualizowanie aplikacji w celu dostosowania ich do nowych funkcji i funkcjonalności. Gdy aktualizacje są często dokonywane, wykonywanie kompleksowych testów interfejsu użytkownika staje się wyzwaniem.
  • rosnąca złożoność testowania-nowoczesne aplikacje mają znacznie złożone funkcje, w tym osadzone ramki, złożone schematy blokowe, mapy, diagramy i inne elementy sieci web. To sprawia, że testy interfejsu użytkownika stają się trudniejsze.
  • testy UI mogą być czasochłonne-tworzenie skutecznych skryptów testowych UI i wykonywanie testów może zająć trochę czasu, zwłaszcza gdy tester nie używa odpowiedniego narzędzia.
  • utrzymywanie skryptów testowych UI – ponieważ programiści wprowadzają zmiany w interfejsie użytkownika, utrzymanie skryptów testowych staje się trudne.
  • Obsługa wielu błędów – podczas wykonywania złożonych testów interfejsu użytkownika w ciasnych osiach czasu testerzy spędzają dużo czasu na tworzeniu skryptów. W takich scenariuszach naprawa błędów podczas procesu testowania staje się wyzwaniem.
  • Obliczanie zwrotu z inwestycji w automatyzację testów interfejsu użytkownika – ponieważ interfejs użytkownika ciągle się zmienia, zmieniają się również testy. Zwiększa to ilość czasu poświęcanego na testowanie interfejsu użytkownika, opóźniając w ten sposób proces dostawy. W końcu trudno jest obliczyć ROI dla ciągłego wykonywania testów interfejsu użytkownika.

Jak pokonać typowe wyzwania testowania interfejsu użytkownika

oto kilka praktycznych wskazówek, które mogą pomóc ci pokonać powyższe wyzwania testowania interfejsu użytkownika.

wybierz odpowiednie narzędzie automatyzacji testów interfejsu użytkownika

pierwszym krokiem podczas rozwiązywania problemów związanych z testowaniem oprogramowania jest wybór odpowiedniego narzędzia automatyzacji. Na rynku dostępne są różne narzędzia do testowania, których możesz użyć do swojego projektu. Skup się jednak na wyborze takiego, który bezproblemowo integruje się z Twoim przepływem pracy. Świetne narzędzie do automatyzacji interfejsu użytkownika ma możliwości nagrywania / odtwarzania, obsługuje testy wielokrotnego użytku i wymaga minimalnej konserwacji. Obsługuje również raportowanie i ma możliwości śledzenia defektów.

wykorzystanie repozytorium obiektów

jednym z podejść do ograniczenia konserwacji testów i związanych z tym kosztów jest użycie repozytorium współdzielonego. Dobrym pomysłem jest również zmniejszenie liczby przypadków testowych interfejsu użytkownika podczas początkowych etapów testowania, a następnie zwiększenie zasięgu w miarę postępów. Zapewnia to wyższy wskaźnik sukcesu w przypadkach testowych.

wybierz Narzędzia do testowania automatyki bez kodu

aby wyeliminować problemy związane z powtarzalnymi zmianami w kodzie testowym, Programiści i zespoły ds. Jeśli na przykład jesteś fanem Selenium, TestCraft zautomatyzuje cały proces tworzenia i wykonywania testów, oszczędzając w ten sposób wiele czasu i kosztów.

standardy weryfikacji kodu Organizacyjnego

kultura kodowania w przedsiębiorstwie ma znaczący wpływ na to, jak dobrze ich zespoły radzą sobie z wyzwaniami testowymi w cyklu tworzenia aplikacji. Z tego powodu organizacje powinny skupić się na szkoleniu swoich zespołów w zakresie najlepszych praktyk automatyzacji testów, aby w całym przedsiębiorstwie istniały określone kryteria przeglądu kodu lub modyfikacji. Dobrym podejściem byłoby zaangażowanie ekspertów automatyzacji testów w niektórych intensywnych sesjach burzy mózgów.

ostatnie słowo

testowanie interfejsu użytkownika jest niezbędnym sterownikiem zapewniającym lepsze wrażenia użytkownika i zadowolenie klienta. Większość użytkowników końcowych nie będzie dbać o to, jak dobrze działa twój kod ani jak czysty jest. Chociaż korzystają z wysokiej jakości kodu, są bardziej zaniepokojeni tym, co mogą praktycznie zobaczyć i dotknąć.

w związku z tym testerzy powinni upewnić się, że interfejs ich aplikacji jest łatwy w użyciu i nawigacji, wygląda świetnie we wszystkich przeglądarkach i urządzeniach, a co najważniejsze, działa poprawnie.

jedynym sposobem na osiągnięcie tego celu jest zintegrowanie kompleksowych testów interfejsu użytkownika w procesie tworzenia.

użycie odpowiedniego narzędzia do tworzenia i wykonywania przypadków testowych sprawia, że testowanie interfejsu użytkownika jest bardziej udane. Skontaktuj się z naszymi ekspertami od automatyzacji testów i dowiedz się, jak TestCraft może poprawić twoje wrażenia z testów.