Menu

Samouczek Browserstack: platforma testowania aplikacji i przeglądarki (PRZEWODNIK)

  • Główny
  • Inny
  • Samouczek Browserstack: platforma testowania aplikacji i przeglądarki (PRZEWODNIK)

browserstack tutorial

Wypróbuj Nasz Instrument Do Eliminowania Problemów

Dowiedz się, jak korzystać z aplikacji mobilnej Browserstack i platformy testowej między przeglądarkami w tym szczegółowym praktycznym samouczku dotyczącym stosu przeglądarek:

BrowserStack to platforma testowa do testowania stron internetowych i aplikacji mobilnych.

Możemy przetestować aplikację internetową w wielu przeglądarkach oraz aplikacje mobilne na wszystkich urządzeniach mobilnych bez żadnych maszyn wirtualnych, urządzeń i emulatorów.

Jeśli chodzi o aplikację mobilną, możemy przetestować aplikacje mobilne na Androida i iOS.

Samouczek BrowserStack

Czego się nauczysz:

Co to jest BrowserStack?

Browser Stack to oparte na chmurze narzędzie do testowania. Za pomocą tego narzędzia programiści i testerzy mogą testować różne aplikacje internetowe i mobilne w różnych przeglądarkach internetowych.

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

Testowanie w różnych przeglądarkach to testowanie funkcjonalne. Przeprowadzamy te testy, aby sprawdzić, czy aplikacja działa zgodnie z oczekiwaniami, czy nie w różnych przeglądarkach internetowych dla różnych systemów operacyjnych. Tutaj możemy uruchamiać przypadki testowe ręcznie lub wykonując automatyzację, określając różne przeglądarki w skryptach automatyzacji.

Sugerowany odczyt => Przewodnik dla początkujących po testach w różnych przeglądarkach

Dlaczego BrowserStack?

W czasie rzeczywistym trudno jest przetestować aplikację w różnych przeglądarkach przy użyciu wielu systemów operacyjnych, z różnymi wersjami.

Zakup wielu komputerów w celu zainstalowania różnych systemów operacyjnych będzie dużo kosztował. Jeszcze trudniej jest kupić wszystkie urządzenia mobilne z systemem Android i iOS, które są obecnie dostępne na rynku. Z tego powodu kupowanie i konfigurowanie wszystkich urządzeń jest niepraktyczne.

Dlatego korzystamy z BrowserStack, aby uniknąć złożoności przełączania między systemami operacyjnymi, przeglądarkami i różnymi wersjami.

Jeśli chodzi o testowanie aplikacji mobilnych, możemy uniknąć kupowania wszystkich urządzeń mobilnych, które są obecnie dostępne. Browser Stack jest bardzo elastyczny i skalowalny. Dzięki Browser Stack możemy testować w dowolnym miejscu i czasie.

Możemy używać stosu przeglądarek jako zdalnego laboratorium i możemy go używać jako przeglądarek rzeczywistych. Daje nam darmowe testy jednostkowe Javascript i obsługuje 750 konfiguracji. Nie jest wymagana konfiguracja do korzystania ze stosu przeglądarek. Możemy go używać bezpośrednio na dowolnym niezależnym komputerze, korzystając z adresu URL stosu przeglądarki i jego danych logowania.

Strona główna BrowserStack

Historia BrowserStack

BrowserStack został założony przez Ritesha Arorę i Nakula Aggarwal w Bombaju w Indiach w roku 2011. Ma około 25000 płatnych użytkowników i 2000000 zarejestrowanych użytkowników w 135 krajach. Obecnie wiele firm korzysta z Browser Stack do testowania aplikacji internetowych i mobilnych.

Funkcje BrowserStack

  • Testowanie w różnych przeglądarkach z różnymi przeglądarkami w różnych systemach operacyjnych.
  • Testowanie aplikacji natywnych na urządzeniach mobilnych.
  • Testowanie aplikacji hybrydowych.
  • Automatyzuj aplikacje internetowe i mobilne.

Testowanie aplikacji internetowej

# 1) Zarejestruj się w BrowserStack.

Zarejestruj się BrowserStack

#dwa) Zaloguj się na swoje konto.

Zaloguj sie

# 3) Wybierz opcję interaktywnego testowania na żywo w różnych przeglądarkach z listy rozwijanej produktów.

interaktywna przeglądarka internetowa na żywo

# 4 ) Zobaczysz listę systemów operacyjnych w lewej części strony. Mamy Androida, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac i wiele więcej.

Wybierz system operacyjny

# 5) Wybierz dowolny system operacyjny z listy. Będziesz mógł zobaczyć listę przeglądarek z różnymi wersjami. Widzimy przeglądarki takie jak Chrome, Mozilla Firefox, IE, opera, safari itp. Z różnymi wersjami, takimi jak Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 itd.

Lista przeglądarek z wersją

# 6) Wybierz konkretną przeglądarkę dowolnej wersji. Przeglądarka zostanie otwarta. Wprowadź adres URL aplikacji. Rozpocznij testowanie aplikacji w taki sam sposób, w jaki robisz to w prawdziwych przeglądarkach systemowych.

Wprowadź adres URL aplikacji

Korzystanie z funkcji klawiszy stosu przeglądarki podczas testowania aplikacji

Jeśli chcesz wybrać inną przeglądarkę, kliknij opcję przełączania przeglądarki. Spowoduje to przejście do ekranu deski rozdzielczej, gdzie możesz wybrać inną przeglądarkę do testów.

Jeśli chcesz przetestować aplikację w innej rozdzielczości, kliknij ikonę rozdzielczości, gdzie pojawi się lista dostępnych rozdzielczości, możesz wybrać wymaganą i kontynuować testowanie.

Po zakończeniu testowania w określonej przeglądarce kliknij opcję Zatrzymaj sesję, aby przejść do ekranu deski rozdzielczej.

Klawisz Funkcja - Przełącz przeglądarkę

Tworzenie błędu z BrowserStack

Kliknij Zgłoś opcję błędu . Zobaczysz pole opcji, aby zaznaczyć problem na stronie. Możesz podkreślić problem, używając różnych opcji, takich jak prostokąt, koło, ołówek itp.

Oprócz tego możesz zobaczyć tryb opcji zgłaszania błędu, na przykład, gdy chcesz zgłosić błąd, za pomocą Jira, Trello, GitHub, Slack lub przez e-mail lub jeśli chcesz pobrać stronę problemu itp. W ten sposób możesz wybrać dowolną opcję z powyższej listy i przejść dalej, aby zgłosić błąd.

Tworzenie błędów

lista aplikacji szpiegowskich na Androida

Testowanie aplikacji mobilnej w przeglądarkach mobilnych

Wybierz opcję interaktywnego testowania na żywo w różnych przeglądarkach z listy rozwijanej produktów. Zobaczysz listę systemów operacyjnych w lewej części strony. Kliknij opcję Androida z tej listy. Możesz zobaczyć listę urządzeń z Androidem, takich jak Samsung, Motorola, Google, jeden plus itp.

Najedź myszą na urządzenie, które chcesz przetestować, a będziesz mógł zobaczyć przeglądarki takie jak chrome, Mozilla Firefox, Safari, przeglądarka UC, itp. Wybierz przeglądarkę, a wybrana przeglądarka się otworzy.

Aplikacja mobilna - wybierz przeglądarkę

Wprowadź adres URL aplikacji i zacznij testować, jak to robisz w prawdziwej przeglądarce systemowej.

Testowanie natywnej aplikacji mobilnej w BrowserStack

Zarejestruj się na koncie Browser Stack i zaloguj się na konto. Wybierz App Live - interaktywne testowanie aplikacji natywnych i hybrydowych opcja z listy produktów.

Testowanie aplikacji natywnej

Zobaczysz tam 3 główne zakładki, tj. Do wgrania aplikacji, listę urządzeń z Androidem oraz listę urządzeń z systemem iOS.

Przesłane aplikacje

Przesyłanie aplikacji

Kliknij przycisk przesyłania aplikacji, aby otworzyć systemowe okno dialogowe.

Przejdź do folderu aplikacji, wybierz aplikację, którą chcesz przetestować, a aplikacja zostanie pomyślnie przesłana. Będziesz mógł zobaczyć aplikację w sekcji przesłanych aplikacji. Tam możemy wgrać aplikacje do rozmiaru 500 MB.

Aplikację możemy również przesłać na inne sposoby. Wybierz Opcja testowania aplikacji natywnej i hybrydowej App Live na żywo z listy rozwijanej produktów i wybierz prawdziwe urządzenie z systemem Android lub kartę rzeczywistego urządzenia z systemem iOS.

Wybierz dowolne urządzenie, a ono się otworzy. Kliknij Sklep Play. Zaloguj się na konto i wyszukaj aplikację, którą chcesz przetestować. Pobierz i zainstaluj aplikację i rozpocznij testowanie aplikacji.

Podobnie możemy przesyłać aplikacje na wiele innych sposobów, np. Przez synchronizację z centrum aplikacji, synchronizację z hockeyapp, instalację z testflight, instalację w sklepie z aplikacjami lub instalację ze sklepem Play.

Usuwanie aplikacji

Kliknij ikonę usuwania, a zobaczysz pole wyboru przy każdej aplikacji. Zaznacz pole wyboru i kliknij link usuń, a przesłana aplikacja zostanie automatycznie usunięta po upływie 60 dni od daty przesłania.

Teraz obserwuj kartę prawdziwych urządzeń z Androidem, kliknij tę kartę, a zobaczysz listę urządzeń z Androidem, takich jak Samsung, Motorola, Google, jeden plus itp. Z różnymi modelami urządzeń. Możesz zobaczyć wersję systemu operacyjnego i rozmiar ekranu w każdym modelu.

Wersja systemu operacyjnego

Teraz obserwuj kartę rzeczywistych urządzeń iOS i kliknij tę kartę, zobaczysz listę urządzeń iOS, takich jak iPhone i iPad, z różnymi modelami urządzeń. Możesz zobaczyć wersję systemu operacyjnego i rozmiar ekranu w każdym modelu.

Prawdziwe urządzenia iOS

Kliknij dowolne urządzenie z systemem Android lub iOS do przetestowania. Określone urządzenie zostanie otwarte i aplikacja zostanie uruchomiona. Zacznij testować, jak sobie radzisz w prawdziwym urządzeniu.

Wybierz urządzenie iOS

Korzystanie z kluczowych funkcji stosu przeglądarki podczas testowania aplikacji natywnych

Kliknij opcję Przełącz urządzenie, jeśli chcesz zmienić urządzenie. Kliknij opcję Zatrzymaj sesję po zakończeniu testowania na określonym urządzeniu, aby przejść do strony pulpitu nawigacyjnego. Kliknij ustawienia, aby wybrać limit czasu sesji i rozmiar monitora.

Możemy utworzyć błąd, klikając plik Zgłoś opcję błędu , tak jak omówiliśmy w powyższej sekcji poświęconej testowaniu sieci. Teraz spójrz na menu zestawu narzędzi internetowych, które zawiera więcej opcji umożliwiających wykonalną obsługę urządzenia i przetestowanie aplikacji.

Kliknij na Opcja Obróć urządzenie obrócić urządzenie w poziomie lub w pionie. Kliknij na Zainstaluj aplikację aby zainstalować nową aplikację. Kliknij na zabić aplikację aby zamknąć aplikację, a nie urządzenie. Kliknij Zmień język zmienić język testów. Kliknij informacje o urządzeniu aby sprawdzić pełne informacje o urządzeniu.

Testowanie aplikacji natywnych

Porównanie testów BrowserStack z testami rzeczywistych urządzeń

Testowanie stosu przeglądarki Testowanie prawdziwego urządzenia
Ekonomiczny: Możemy przetestować aplikację na jednym urządzeniu, przełączając różne urządzenia i przeglądarki. Nieekonomiczne: Musisz kupić wszystkie dostępne na rynku urządzenia do testów.
Bardzo elastyczny: Na jednej platformie możemy przeprowadzać testy w różnych przeglądarkach i testowanie aplikacji mobilnych.Trzeba mieć przy sobie wiele urządzeń, gdziekolwiek się wybieramy.
Nie ma potrzeby kupowania licencji systemu operacyjnego.Musisz kupić licencję na system operacyjny.
Szybki: Nie musisz czekać, aby załadować system operacyjny i przeglądarki. Powolny: Musisz poczekać, aby załadować system operacyjny i przeglądarki.
Nie ma potrzeby korzystania z maszyn wirtualnych.Musimy korzystać z maszyn wirtualnych.

Zautomatyzuj witrynę za pomocą skryptów Selenium

Napiszmy skrypty Selenium i zróbmy testy automatyzacji w stosie przeglądarek. Pobierz i zainstaluj najnowszą wersję oprogramowania Java. Pobierz i zainstaluj najnowszą wersję Eclipse lub inne IDE.

Musimy uzyskać nazwę użytkownika i klucz dostępu ze stosu przeglądarki. Aby to uzyskać, zaloguj się za pomocą poświadczeń przeglądarki, przejdź do produkty i kliknij Zautomatyzuj . Zwróć uwagę na nazwę użytkownika i klucz dostępu po lewej stronie. Zanotuj nazwę użytkownika i hasło.

Zautomatyzuj za pomocą skryptów Selenium

Otwórz Eclipse IDE. Utwórz projekt Java, utwórz pakiet, utwórz plik klasy i dodaj wszystkie wymagane pliki jar Selenium do projektu. Wpisz zmienne dla nazwy użytkownika i klucza dostępu. Podaj adres URL, nazwę użytkownika i hasło. Użyj adnotacji. Utwórz metodę.

Ustaw żądane możliwości, aby wyświetlić dzienniki. Ustawiamy żądane możliwości, aby poinformować sterownik sieciowy, aby wybrać wspomniany system operacyjny, przeglądarkę i wersję przeglądarki. Utwórz obiekt dla sterownika sieciowego, uzyskaj adres URL, aby otworzyć witrynę internetową. Napisz niejawne polecenia wait, aby czekać do uruchomienia aplikacji.

Napisz kod do testowania poleceń, takich jak Get the URL, aby sprawdzić oczekiwany adres URL za pomocą asercji i innych funkcji, takich jak klikanie, nawigacja, wprowadzanie danych i wiele innych.

Uruchom skrypt. Obserwuj zakładkę automatyzacji. Sprawdź dziennik testów wszystkich kroków testowych i przejrzyj dzienniki wizualne, aby zobaczyć zrzuty ekranu witryny. Sprawdź dzienniki konsoli i dzienniki sieciowe, aby uzyskać inne informacje.

Public class testbrowserstack { Public static String Username =”anand”; Public static String accesskey =”anandaccess”; public static final String URL = 'https://' + username + ':' + accesskey + '@hub-cloud.browserstack.com/wd/hub'; public static void main(String() args) throws Exception { DesiredCapabilities caps = new DesiredCapabilities(); caps.setCapability('browserName', 'iPhone'); caps.setCapability('device', 'iPhone X'); caps.setCapability('realMobile', 'true'); caps.setCapability('os_version', '11'); caps.setCapability('name', 'Bstack-(Java) Sample Test'); WebDriver driver = new RemoteWebDriver(new URL(URL), caps); driver.get('http://www.google.com'); WebElement element = driver.findElement(By.name('q')); element.sendKeys('BrowserStack'); element.submit(); System.out.println(driver.getTitle()); driver.quit(); }

Zalety testowania BrowserStack

  1. Możemy przetestować wszystkie główne przeglądarki z jednego punktu kontrolnego.
  2. Możemy przetestować kompatybilność starszej / starszej wersji przeglądarek.
  3. Obsługuje zarówno testy ręczne, jak i automatyczne.
  4. Możemy przetestować wszystkie urządzenia i przeglądarki, które są obecnie dostępne na rynku.
  5. Aplikację możemy przetestować w różnych rozdzielczościach.

Wady testowania BrowserStack

  1. Czas odpowiedzi nie jest tak dobry jak lokalnie zainstalowana maszyna wirtualna.
  2. Browser Stack nie jest oprogramowaniem typu open source.
  3. Niektórych błędów, które możemy znaleźć na prawdziwych urządzeniach, nie można zidentyfikować.

Wniosek

Korzystając z BrowserStack możemy przeprowadzić pełne testy bez konieczności instalowania jakiejkolwiek maszyny wirtualnej. Browser Stack jest bardziej elastyczny i niezawodny do testowania, a także oszczędza czas i pieniądze.

To jest jak jeden duży dach dla wszystkich urządzeń, systemów operacyjnych, przeglądarek i wszystkich z różnymi wersjami. W związku z tym możemy testować wszelkiego rodzaju aplikacje za pomocą Browser Stack.

Browser Stack może działać na ponad 200 przeglądarkach i ponad 40 urządzeniach mobilnych. Może przeprowadzać testy w usłudze w chmurze. Nie jest to platforma typu open source. Musisz zapłacić, aby kupić licencję na podstawie planu, który wybierasz i testu, który chcesz przeprowadzić.

Czy korzystałeś już z BrowserStack? Jeśli nie, czy jesteś gotowy, aby spróbować dzisiaj?

rekomendowane lektury

^