Menu

Co to jest testowanie w różnych przeglądarkach i jak je wykonywać: kompletny przewodnik

  • Główny
  • Rodzaje Testów
  • Co to jest testowanie w różnych przeglądarkach i jak je wykonywać: kompletny przewodnik

what is cross browser testing

Wypróbuj Nasz Instrument Do Eliminowania Problemów

Kompletny przewodnik dla początkujących dotyczący testowania w różnych przeglądarkach:

Testy między przeglądarkami to rodzaj testów, których celem jest sprawdzenie, czy aplikacja działa zgodnie z oczekiwaniami w różnych przeglądarkach i czy z wdziękiem się degraduje. Jest to proces sprawdzania zgodności aplikacji z różnymi przeglądarkami.

Wiele razy napotykałem problem z witryną internetową i dzwoniąc do pomocy technicznej, po prostu każą mi wypróbować ją w innej przeglądarce? Kiedy to robię, to działa i czuję się jak totalny idiota, mimo że zarabiam na życie pracując w branży oprogramowania.

Założę się, że przydarzyło się to wam wszystkim, prawda?

Wskazówki dotyczące testowania w różnych przeglądarkach

Zawsze myślę sobie „dlaczego o tym nie pomyślałem?” Ale zaufaj mi, z czasem zdałem sobie sprawę, że to nie moja wina; po prostu witryna nie była szeroko testowana pod kątem testów zgodności z różnymi przeglądarkami, a jako użytkownik końcowy właśnie znalazłem błąd.

Czego się nauczysz:

Wprowadzenie

Wszyscy mogliśmy zauważyć, że niektóre witryny internetowe nie są poprawnie wyświetlane w niektórych przeglądarkach i po prostu uważamy, że witryna jest zepsuta. Ale gdy tylko otworzysz go w innej przeglądarce, witryna otworzy się dobrze. Zatem to zachowanie wyjaśnia zgodność witryny internetowej z różnymi przeglądarkami.

Każda przeglądarka inaczej interpretuje informacje na stronie internetowej. Dlatego niektóre przeglądarki mogą nie mieć funkcji, które witryna próbuje pokazać, i sprawiać, że witryna wygląda na zepsutą w tej przeglądarce.

Na przykład , jak pokazano poniżej, błędy w formularzach rejestracji nie są takie same w obu przeglądarkach. Ponadto kolor tekstu, czcionka itp. Są również inne, jeśli przyjrzysz się im uważnie.

Testowanie w różnych przeglądarkach

Wraz z postępem technologicznym dostępnych jest kilka opcji dla przeglądarek i nie wystarczy sprawić, by witryna działała w jednej z nich.

Użytkownicy nie powinni być ograniczani do korzystania z określonej przeglądarki w celu uzyskania dostępu do aplikacji. Dlatego konieczne staje się przetestowanie zgodności witryny z różnymi przeglądarkami. Niektóre z powszechnie używanych przeglądarek to Chrome, Safari, Firefox, Internet Explorer itp.

przeglądarki

Będąc w tle, założę się, że wszyscy zorientowali się, jaki jest temat dzisiejszej dyskusji - Testowanie w różnych przeglądarkach.

Zgodnie z ogólną praktyką w STH, skupimy się na podstawach. Wierzymy, że każda koncepcja nabierze sensu, gdy zadamy podstawowe pytania dotyczące takich jak- „Co, dlaczego, jak, kto, kiedy, gdzie”.

Zróbmy to na bieżąco.

Co to jest testowanie w różnych przeglądarkach?

# 1) Testowanie w różnych przeglądarkach to po prostu to, co oznacza jego nazwa - to znaczy testowanie witryny lub aplikacji w wielu przeglądarkach - i upewnianie się, że działa spójnie i zgodnie z przeznaczeniem, bez żadnych zależności ani kompromisów w zakresie jakości.

#dwa) Dotyczy to obu Sieć i aplikacje mobilne .

# 3) Jakie rodzaje aplikacji to przechodzą? - Aplikacje skierowane do klientów to najlepszy wybór. Możesz się w tym miejscu zastanawiać: „Czy nie wszystkie aplikacje są skierowane do klientów?” No tak. Oni są. Spójrzmy jednak na przykład.

Aplikacja 1: Aplikacja opracowana dla firmy do wewnętrznego śledzenia stanu zapasów
Aplikacja 2: To jest dla użytkowników końcowych, aby kupować produkty od tej firmy

  • Jest oczywiste, że najlepszym pomysłem byłoby przetestowanie Aplikacji 2 pod kątem testowania zgodności przeglądarek, ponieważ nie można kontrolować, z jakich przeglądarek / platform / wersji będzie korzystał użytkownik końcowy.
  • Z drugiej strony, jeśli wszystkie wewnętrzne komputery firmy korzystają z komputerów z systemem Windows 8 i przeglądarką Chrome - nie ma potrzeby szukania ani testowania niczego innego w odniesieniu do Aplikacji 1.

Dlaczego to się robi?

A skoro o tym mowa, dlaczego przeprowadza się jakiekolwiek testy?

  • Wiedzieć, co jest nie tak i umieć to naprawić.
  • Aby zwiększyć wydajność i wrażenia użytkownika, a tym samym biznes.
  • Aby być poinformowanym o wszelkich możliwych pułapkach

A konkretnie, jeśli pomyślimy: Jaki jest cel testowania w różnych przeglądarkach? - To dwojakie.

  1. Odwzorowanie lub wygląd strony w różnych przeglądarkach - czy jest taka sama, czy inna, czy jedna jest lepsza od drugiej itd.
  2. Funkcjonalność i jej działanie. (Oczywiście!)

Kto przeprowadza to badanie?

  • Czy myślisz: „Istnieje milion przeglądarek, wersji i platform - które wybrać?” - Na szczęście nie jest to decyzja, za którą odpowiada tester. Klient, zespół analizy biznesowej i zespoły marketingowe odgrywają główną rolę w tej decyzji. Firmy zbierają również statystyki użytkowania / ruchu, aby zawęzić najczęściej używane przeglądarki, środowisko i urządzenia.
  • Cały zespół projektowy powinien mieć zainwestowane zainteresowanie, czas, pieniądze i infrastrukturę, aby wesprzeć to przedsięwzięcie.
  • Zespół ds. Kontroli jakości może być zaangażowany w ten proces lub może to być zespół projektowy, który chce wiedzieć, jak działa aplikacja w wielu przeglądarkach.
  • Niezależnie od tego, czy jest to wykonywane przez QA, czy przez inny zespół - wyniki są interpretowane przez zespoły projektowe i programistyczne, a odpowiednie zmiany są wprowadzane.

Jak przeprowadzić testy w różnych przeglądarkach?

Teraz rozmawiamy!

Po pierwsze - czy robi się to ręcznie czy za pomocą narzędzia?

Z pewnością można to zrobić ręcznie - wiele komputerów, wiele systemów operacyjnych, wiele przeglądarek, wiele komputerów, ale oczywiście prowadzi to do wielu problemów, wielu inwestycji i wielu wyzwań.

Typy testów w różnych przeglądarkach

Metoda ręczna

W takim przypadku firma identyfikuje przeglądarki, które aplikacja musi obsługiwać. Następnie testerzy ponownie uruchamiają te same przypadki testowe przy użyciu różnych przeglądarek i obserwują zachowanie aplikacji oraz zgłaszają ewentualne błędy.

W tego typu testach nie jest możliwe objęcie wielu przeglądarek, a także aplikacja może nie zostać przetestowana w głównych wersjach przeglądarek.

Ponadto ręczne sprawdzanie w różnych przeglądarkach jest kosztowne i czasochłonne.

Metoda automatyczna

Testowanie w różnych przeglądarkach polega w zasadzie na wielokrotnym uruchamianiu tego samego zestawu przypadków testowych w różnych przeglądarkach.

C ++ typy dziedziczenia

Ten typ powtarzalnych zadań najlepiej nadaje się do automatyzacji. W związku z tym wykonanie tego testu przy użyciu narzędzi jest bardziej efektywne kosztowo i czasowo.

Na rynku dostępnych jest więc wiele narzędzi, które to ułatwiają.

Narzędzia pomagają nam w jednej lub kilku lub we wszystkich następujących kwestiach, w zależności od samego narzędzia i typów licencji:

  1. Zapewniają VPN (wirtualną maszynę prywatną), za pomocą której można łączyć się ze zdalnymi maszynami i sprawdzać działanie i wersję swoich stron JAVA, AJAX, HTML, Flash i innych. Większość z nich jest bezpieczna, ale ponieważ przekazujesz swoje informacje stronie trzeciej, zalecana jest pewna analiza dyskrecji.
  2. Udostępniono zrzuty ekranu przedstawiające przesłane strony i łącza przedstawiające ich wygląd w wielu przeglądarkach. Jest to oczywiście statyczne.
  3. Wiele przeglądarek jest synchronizowanych pod względem operacji wykonywanych na jednej, a wyniki są prezentowane w przeglądarce.
  4. Pokaż wersję strony w różnych rozdzielczościach ekranu
  5. W przypadku napotkania problemu nagrywane jest wideo lub zrzuty ekranu w celu przesłania problemu do dalszej analizy.
  6. Pomoc techniczna jest ogólnie dostępna zarówno dla aplikacji internetowych, jak i mobilnych
  7. Można również przetestować strony prywatne, które wymagają uwierzytelnienia
  8. Lokalnie, w ramach prywatnej sieci / stron zapory, można również przetestować

Zalecane narzędzia

# 1) LambdaTest

Logo LambdaTest

LambdaTest to oparta na chmurze platforma testowa dla różnych przeglądarek, w której użytkownik może przeprowadzić automatyczne i ręczne testowanie zgodności swojej witryny lub aplikacji internetowej w kombinacji ponad 2000 różnych przeglądarek i systemów operacyjnych.

Użytkownicy mogą uruchamiać testy automatyzacji Selenium na skalowalnej, bezpiecznej i niezawodnej siatce Selenium opartej na chmurze i przeprowadzać na żywo interaktywne testy w różnych przeglądarkach publicznych lub lokalnie hostowanych witryn i aplikacji internetowych w chmurze.

=> Odwiedź witrynę LambdaTest

# 2) CrossBrowserTesting

CrossBrowserTesting

CrossBrowserTesting jest dostarczana przez firmę SmartBear. CrossBrowserTesting pozwala udoskonalić każdą przeglądarkę internetową, na dowolnej przeglądarce lub urządzeniu mobilnym z ich laboratorium opartym na chmurze. Porzuć swoje maszyny wirtualne i laboratorium urządzeń. Z łatwością przeprowadzaj testy ręczne, wizualne i Selenium w chmurze na ponad 2050 prawdziwych przeglądarkach komputerowych i mobilnych.

Chcesz przyspieszyć testy jako użytkownik nietechniczny? Sprawdź ich funkcję Record & Replay, która umożliwia nagrywanie testu na żywo i równoległe uruchamianie tego zarejestrowanego testu.

=> Odwiedź witrynę CrossBrowserTesting

# 3) Selen

Logo selenu

Selenium jest dobrze znane z automatycznego testowania aplikacji internetowych. Po prostu zmieniając przeglądarkę, która ma być używana do uruchamiania przypadków testowych, selen bardzo ułatwia wielokrotne uruchamianie tych samych przypadków testowych przy użyciu różnych przeglądarek.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack to internetowa i mobilna platforma testowa oparta na chmurze, która umożliwia testowanie aplikacji w przeglądarkach na żądanie, systemach operacyjnych i rzeczywistych urządzeniach mobilnych.

# 5) Przeglądanie

Jest to interaktywna usługa na żywo, która umożliwia łatwe testowanie deweloperom i projektantom stron internetowych.

Istnieją różne przeglądarki i systemy operacyjne, a Browserling zapewnia szybki dostęp do wszystkich najpopularniejszych przeglądarek w najpopularniejszych systemach operacyjnych.

=> Dalsza lektura: Pełna lista narzędzi do testowania w różnych przeglądarkach

Kiedy rozpocząć to badanie?

Czas rozpoczęcia testu Cross-Browser zależy całkowicie od metodologii testowania i osi czasu testowania.

Ten test można wykonać:

# 1) Jak najszybciej:

Rozpocznij testowanie, nawet jeśli jedna strona jest gotowa do testowania.

Przetestuj tę stronę w każdej przeglądarce. Gdy będzie dostępna następna strona, przetestuj ją również w wielu przeglądarkach. Zwiększy to wysiłki, ale pomoże naprawić błędy na jak najwcześniejszym etapie cyklu życia. Dlatego naprawianie błędów w tym przypadku jest bardzo opłacalne.

# 2) Po wypełnieniu wniosku:

Rozpocznij testowanie po zakończeniu tworzenia aplikacji.

Spowoduje to przetestowanie aplikacji jako całości w różnych przeglądarkach. Naprawienie błędów nie będzie tak opłacalne jak w powyższym przypadku, ale nadal pomoże w naprawieniu błędów przed udostępnieniem aplikacji użytkownikom.

# 3) Po wydaniu aplikacji:

To najmniej sprzyjający czas na wykonanie testu aplikacji w różnych przeglądarkach. Ale lepiej to zrobić, niż nie robić tego i pozwolić użytkownikom końcowym mieć złe doświadczenia.

Po wydaniu aplikacji dla użytkowników końcowych można przeprowadzić te testy i naprawić błędy w ramach żądań zmian w aplikacji. Jest to bardzo kosztowne i wymaga wielu wdrożeń w zależności od poprawek błędów.

Rygorystyczne testy w różnych przeglądarkach można przeprowadzić tylko wtedy, gdy członkowie zespołu testowego znający narzędzia wykonują te testy. Wysoki poziom lub sprawdzanie określonych przeglądarek może być również wykonywane przez użytkowników biznesowych, a nawet programistów.

Testowanie polega na dokładnym przetestowaniu aplikacji przy użyciu różnych przeglądarek. Dokładne testowanie obejmuje testowanie funkcjonalne i niefunkcjonalne aplikacji.

W większości firm zespół produktu ma oddzielne zespoły do ​​testowania funkcjonalnego i niefunkcjonalnego. Dlatego testy te muszą być wykonywane przez zespół (y), który jest (są) odpowiedzialny (e) za funkcjonalne i niefunkcjonalne testowanie aplikacji.

Do tego testowania tester potrzebuje przeglądarek, w których ma być przetestowana aplikacja.

Te przeglądarki można udostępnić testerowi jako:

  • Lokalnie zainstalowany na komputerze testera.
  • Maszyna wirtualna lub różne maszyny, do których tester ma dostęp.
  • Narzędzia udostępniające własne przeglądarki i wersje do testowania.
  • W chmurze - tak, aby wielu testerów mogło korzystać z przeglądarek w razie potrzeby.

To testowanie jest niezależne od środowisk wdrożeniowych. Zatem można to zrobić w środowisku deweloperskim, testowym, QA lub nawet produkcyjnym, w zależności od dostępności aplikacji w każdym z tych środowisk.

Co przetestować?

  1. Funkcjonalność podstawowa: Linki, okna dialogowe, menu itp.
  2. Graficzny interfejs użytkownika: Wygląd i działanie aplikacji.
  3. Odpowiedź: Jak dobrze aplikacja reaguje na działania użytkownika.
  4. Wydajność: Ładowanie stron w dozwolonym czasie.

Jeśli Twoja aplikacja działa dobrze w jednej przeglądarce, nie oznacza to, że będzie dobrze działać również w innych przeglądarkach. Dlatego te testy pomagają upewnić się, że aplikacja działa w różnych przeglądarkach bez żadnych błędów.

Aby zidentyfikować, co się psuje w której przeglądarce i odpowiednio naprawić witrynę, musimy przeprowadzić te testy. Jeśli przeglądarka nie jest w ogóle obsługiwana, użytkownicy mogą łatwo zostać o tym poinformowani.

Podsumowując „jak” przeprowadzić test w różnych przeglądarkach

# 1. Statystyki ruchu pomagają określić, które przeglądarki przetestować.

testy jednostkowe vs testy funkcjonalne vs testy integracyjne

#dwa. Szczegółową analizę należy przeprowadzić na samym AUT (testowanej aplikacji), aby określić, które części wniosku lub czy wszystkie muszą temu podlegać. Wskazane jest, aby wszystko to przetestować na wielu przeglądarkach, ale ponownie należy wziąć pod uwagę koszty i czas. Dobrą strategią jest wykonanie 100% testów na jednej przeglądarce na platformę, a na drugiej po prostu przetestowanie najbardziej krytycznej / powszechnie używanej funkcjonalności.

# 3. Po podjęciu decyzji „Co” przetestować i „Gdzie (przeglądarki)” - należy podjąć decyzje dotyczące infrastruktury - czy pozyskujemy narzędzia, czy wykonujemy to ręcznie itd. Ponownie należy wziąć pod uwagę koszt. Rentowność, ryzyko, obawy związane z bezpieczeństwem, zaangażowani ludzie, czas, kryteria akceptacji, harmonogramy / procesy naprawiania problemów / usterek - to tylko kilka rzeczy, którymi należy się zająć.

# 4. Wykonaj test. Podczas walidacji wydajności systemu można stosować zwykłe przypadki testowe testów funkcjonalnych. W przypadku wygląd i wrażenia / interpretacji przypadki testowe nie są konieczne.

Operacją, o której mówiłem na początku tego artykułu, która zakończyła się niepowodzeniem, był przelew bankowy online. Zalogowałem się na swoje konto bankowe, wybrałem kwotę do przelewu na około jeden lakh i próbowałem wykonać przelew, ale bez względu na to, ile razy próbowałem, pojawił się błąd serwletu.

Jeśli więc operacja przesyłania zostanie wybrana do testowania zgodności przeglądarki, tak będzie wyglądał skrypt testowy.

  1. Zaloguj się do internetowego konta bankowego
  2. Wybierz rachunek, z którego ma być wykonany przelew
  3. Wpisz kwotę przelewu: 100 000
  4. Wybierz odbiorcę i kliknij „Przelej”
  5. Oczekiwany wynik: transfer powinien się powieść
  6. Będzie to po prostu uruchamiane we wszystkich wybranych przeglądarkach.

Ponownie należy pamiętać, że nie wygląda to inaczej niż funkcjonalny przypadek testowy. Więcej informacji na ten temat znajdziesz w tym artykule dotyczącym testów niefunkcjonalnych.

# 5. Zgłoś wyniki zespołowi projektowemu, jeśli nie był zaangażowany w proces testowania. Następuje zmiana.

Kiedy najlepiej to zrobić?

Każde testowanie przynosi najlepsze korzyści, gdy jest wykonywane na wczesnym etapie. Dlatego zaleceniem branżowym jest rozpoczęcie od tego, gdy tylko projekty stron będą dostępne.

Ale można to również wykonać, gdy witryna jest w pełni zintegrowana i funkcjonalna.

Jeśli przegapiłeś autobus podczas wykonywania testu w różnych przeglądarkach podczas fazy projektowania, rozwoju i kontroli jakości, nadal można to zrobić, gdy aplikacja jest w produkcji. Jest to jednak najbardziej kosztowne i ryzykowne.

Gdzie przeprowadzane są testy zgodności przeglądarek?

Zwykle odpowiedź na to pytanie brzmi: Środowiska Dev / QA / Production . Ale w przypadku sprawdzania w różnych przeglądarkach nie jest to ostateczne i nieistotne (jeśli mogę tak powiedzieć). Można to zrobić w jednym lub wszystkich.

Wniosek

Kilka uwag,

  • Będąc już od jakiegoś czasu nauczycielem kontroli jakości, mogę powiedzieć, co będzie dalej, a to jest - pytanie, czy jest to testowanie funkcjonalne, czy niefunkcjonalne? Myślę, że ani jedno, ani drugie.
  • Nie należy go również mylić z Wieloplatformowe testing, czyli testowanie aplikacji w wielu środowiskach docelowych, takich jak Windows, Linux, Mac itp. Chociaż czasami te dwie wersje muszą się zintegrować, ponieważ niektóre ze starszych wersji przeglądarek mogą być kompatybilne tylko ze starszymi wersjami platform.
  • Jest to również proces ciągły, ponieważ środowiska oprogramowania, przeglądarki i urządzenia ewoluują każdego dnia i aby upewnić się, że nie ma żadnych przykrych niespodzianek, to testowanie przeglądarki powinno zostać dodane do repertuaru zestawów regresji.

Jak wiesz, każdy rodzaj testowania pomaga w poprawie jakości aplikacji, podobnie jak test w różnych przeglądarkach.

Testowanie w różnych przeglądarkach pomaga w tworzeniu dobrego wrażenia na użytkownikach, zapewniając im spójne wrażenia w całej aplikacji, niezależnie od przeglądarki lub systemu operacyjnego.

Naprawianie błędów jest opłacalne na wczesnych etapach cyklu rozwojowego i to samo dotyczy defektów wykrytych w ramach tego testowania.

Te testy pomagają ulepszyć Twój biznes, co z kolei skutkuje szczęśliwymi klientami, szczęśliwymi klientami !!

To kolejny dowód na to, że testowanie jakości w terenie lub testowanie oprogramowania to dziedzina wielowymiarowa i każdy może znaleźć coś dla siebie.

Proszę zamieścić swoje komentarze i pytania poniżej. Zawsze cieszymy się, że możesz usłyszeć od Ciebie!

rekomendowane lektury

^