Ponieważ oczy nie kłamią — testy wizualne za pomocą Applitools Eyes

Testy regresji zapewniają, że wszelkie zmiany wprowadzone do oprogramowania nie psują niczego, co wcześniej działało dobrze. Testy regresji wizualnej zapewniają, że żadne problemy z interfejsem użytkownika nie pojawiły się z powodu wprowadzonych zmian. Aplikacja powinna nadal wyglądać tak, jak przed wprowadzeniem modyfikacji. Narzędzie do testowania regresji wizualnej przechwytuje zrzuty ekranu bieżącego interfejsu użytkownika i porównuje je z oryginalnymi zrzutami ekranu. Analizuje historyczne różnice i potwierdza, że ​​strony internetowe nadal wyświetlają się zgodnie z oczekiwaniami w różnych przeglądarkach, nawet po modyfikacjach. Applitools Eyes to jedno z najpopularniejszych narzędzi do testowania wizualnego dostępne na rynku, które jest oparte na zastrzeżonej technologii kognitywnego widzenia.

Applitools opracował oparte na chmurze narzędzie do testowania oprogramowania, Applitools Eyes, które automatycznie weryfikuje wszystkie wizualne aspekty dowolnej aplikacji internetowej, mobilnej i natywnej. Te walidacje są podobne do tych, które wykonuje tester manualny. Technologia Applitools automatycznie weryfikuje poprawność układu, treści i wyglądu interfejsu użytkownika oraz umożliwia zautomatyzowanie testów, które bez tego można wykonać tylko ręcznie. Może testować aplikacje w dowolnej przeglądarce, urządzeniu, systemie operacyjnym i języku programowania, w dowolnej rozdzielczości ekranu i formacie.

Przegląd systemu Applitools Eyes

Różne środowiska testowe współdziałają z różnymi komponentami Eyes w Applitools w celu implementacji wizualnego testowania interfejsu użytkownika. System składa się z następujących elementów:

• Testowana aplikacja (AUT).
• Zestaw testów, który działa dla AUT i weryfikuje jego dokładność.
• Zestawy SDK są wywoływane w kodzie zestawu testów, aby uruchomić przechwytywanie zrzutów ekranu i sprawdzanie wizualne.
• Sterowniki aplikacji, takie jak Selenium lub Appium, które zapewniają framework do budowania zestawów testowych, które można wysłać do AUT. Używa ich również do robienia zrzutów ekranu.
• Serwer odbiera i przechowuje zrzut ekranu wysłany z pakietów SDK. Porównuje je z przechowywanymi obrazami bazowymi i zgłasza wszelkie różnice.
• Menedżer testów oczu zapewnia użytkownikowi wyniki testów, które mogą przeglądać i pomaga użytkownikowi zgłaszać błędy i zarządzać obrazami bazowymi.

Poniżej znajduje się przykład interakcji komponentów w celu przeprowadzenia testu, co pozwala zespołowi testującemu przeglądać wyniki testów i zarządzać nimi.

Źródło: Applitools

KROK 1: Zespół testowy uruchamia zestaw testów. Kod zazwyczaj powtarza następujące kroki dla różnych stanów aplikacji.

KROK 2.1: Używając sterownika, takiego jak Selenium lub Appium, symulowane są działania użytkownika, takie jak kliknięcie myszą, wpisywanie klawiatury itp.

KROK 2.2: Wraz z tym interfejs API Eyes SDK jest wywoływany w celu jednoczesnego wykonania wizualnego punktu kontrolnego.

KROK 2.2.a: Eyes SDK używa sterownika do zebrania zrzutu ekranu.

KROK 2.2.b: Po czym Eyes SDK wysyła zebrany obraz do Eyes Server. Tutaj obrazy i inne obrazy punktów kontrolnych są porównywane z obrazami bazowymi, które były wcześniej przechowywane na serwerze.

KROK 3: Po przetworzeniu obrazów w teście, Eyes Server dostarcza informacje dotyczące zaobserwowanych różnic. Wraz z tym podany jest link do strony Eyes, gdzie można przeglądać wyniki.

KROK 4: Zespół testowy używa Menedżera Testów Oczu do przeglądania wyników testów, aktualizowania linii bazowych, zgłaszania błędów i opisywania regionów, które wymagają specjalnej obsługi. Po obejrzeniu wszystkich wyników zespół testujący zapisuje linię bazową. Staje się to podstawą do porównania w następnym uruchomieniu testowym.

Applitools mają pakiety SDK, które obsługują szeroką gamę popularnych — internetowych, mobilnych i stacjonarnych platform automatyzacji testów, różnych infrastruktur sterowników aplikacji, języków programowania i wszystkich popularnych platform, przeglądarek i systemów operacyjnych. Te zestawy SDK nie współdziałają bezpośrednio z AUT, więc Eyes jest całkowicie niezależny od sposobu implementacji i wdrażania aplikacji.

Kompatybilność Applitools Eyes

Applitools ma pakiety SDK dla wszystkich popularnych języków programowania i programów do uruchamiania testów, zapewniając pełne pokrycie testowe dla sieci Web, urządzeń mobilnych, komputerów stacjonarnych, plików PDF, systemów operacyjnych TV, IoT, obrazów i innych.

WEB SDK

WEB SDK obsługują wszystkie główne narzędzia i programy do testowania sieci:

1. Selenium dla -Java, JavaScript, C#, Ruby, PHP, Python
2. WebdriverIO4, WebdriverIO5, WebdriverIO6
3. Selen IDE
4. Cyprys
5. Dramaturg (Nowy dodatek)
6. Lalkarz (Nowy dodatek)
7. TestCafe
8. Storybook CSF React (Nowy dodatek), Storybook -React, Angular, Vue
9. Watir
10. Kapibara
11. Kątomierz (nowy dodatek)
12. UFT/QTP
13. Lean CFT#, Lean JavaScript
14. Zakodowany interfejs użytkownika

Mobilne pakiety SDK

Mobilne pakiety SDK obsługują wszystkie główne narzędzia i programy do testowania urządzeń mobilnych:

1. Appium Native – C#, Java, JavaScript, PHP, Python, Ruby
2. Appium Web — C#, Java, JavaScript, PHP, Python, Ruby
3. XCUI Cel-C, XCUI Swift
4. Espresso
5. Tykwa iOS i Android

Pakiety SDK do zrzutów ekranu

CLI, C#, Java, JavaScript, PHP, Ruby, XCTest Objective-C, XCTest Swift

Pakiety SDK na komputery stacjonarne

Windows UFT, kodowany interfejs użytkownika systemu Windows

Narzędzia bezkodowe

Formularze PDF, bezkodowe środowisko IDE

Menedżer testów w Applitools Eyes

Menedżer testów oczu to narzędzie oparte na przeglądarce, które zapewnia dostęp do danych testowych wizualnego interfejsu użytkownika. Pozwala użytkownikom zarządzać wynikami testów, liniami bazowymi i innymi metadanymi.

Menedżer testu wzroku zapewnia następujące udogodnienia:

• Uzyskaj dostęp do wyników testów wizualnego interfejsu użytkownika
• Zaakceptuj lub odrzuć zarejestrowane różnice
• Opisz kroki komentarzami
• Dodaj poziom dopasowania i ignoruj ​​regiony
• Zaktualizuj linię bazową
• Przeglądaj i zarządzaj aplikacją oraz nazwami testów
• Przeglądaj i zarządzaj liniami bazowymi i oddziałami
• Przeglądaj i zarządzaj środowiskami wykonawczymi
• Porównaj i scal gałęzie linii bazowej
• Zarządzaj swoim kontem, zespołami i użytkownikami

Istnieje wiele innych narzędzi i koncepcji zintegrowanych z Eyes, które pomagają użytkownikowi organizować testy i przypadki testowe. Jednym z takich narzędzi jest linia bazowa. Protokół kontroli wizualnej porównuje przechwycone obrazy z tymi, które zostały zapisane w linii bazowej z poprzedniego przebiegu testowego. Każdy przebieg testowy może mieć inny wygląd i działanie. Oczy mają wiele linii bazowych na test, gdzie każda linia bazowa reprezentuje wybrane środowisko. Każda z tych linii bazowych może przechowywać serie odniesień do obrazów.

Po uruchomieniu testu wizualnego aplikacja przechodzi przez sekwencję stanów aplikacji, a dla każdego stanu wykonywany jest punkt kontrolny, który przechwytuje obraz aplikacji dla tego stanu. Oczy porównują serię uchwyconych obrazów z serią obrazów referencyjnych przechowywanych w linii bazowej tego testu i zgłaszają wszelkie istotne różnice. Obraz w linii bazowej zależy od przebiegów testowych, ale mogą również zależeć od innych czynników, takich jak systemy operacyjne, typ przeglądarki i rozmiar widocznego obszaru. Czynniki te nazywane są środowiskiem wykonawczym.

Wizualizacja to wizualny obszar dowolnej aplikacji w oknie aplikacji. Rozmiar widocznego obszaru może również wpływać na układ dowolnej strony. Na przykład zmiana wymiarów przeglądarki może zmienić wygląd renderowanego tekstu. Elastyczne strony z elementami takimi jak menu mogą wyglądać inaczej dla różnych wymiarów. Czcionka i rozmiar obrazu mogą ulec zmianie. Uwaga: widok zależy od platformy.