Menu

Tutorial Browserstack: piattaforma di test di browser e app (GUIDA)

  • Principale
  • Altro
  • Tutorial Browserstack: piattaforma di test di browser e app (GUIDA)

browserstack tutorial

Prova Il Nostro Strumento Per Eliminare I Problemi

Scopri come utilizzare l'app mobile Browserstack e la piattaforma di test cross browser in questo tutorial dettagliato su Browserstack:

BrowserStack è la piattaforma di test, per testare i siti web e le applicazioni mobili.

Possiamo testare un'applicazione web in più browser e applicazioni mobili in tutti i dispositivi mobili senza macchine virtuali, dispositivi ed emulatori.

Quando si tratta di un'applicazione mobile, possiamo testare le applicazioni mobili Android e iOS.

Tutorial su BrowserStack

Cosa imparerai:

Cos'è BrowserStack?

Browser Stack è uno strumento di test basato su cloud. Utilizzando questo strumento, sviluppatori e tester possono eseguire il test cross-browser di varie applicazioni web e mobili in diversi browser web.

Cos'è il Cross Browser Test?

Il test cross-browser è un test funzionale. Eseguiamo questo test per verificare se l'applicazione funziona come previsto o meno in browser Web diversi per i diversi sistemi operativi. Qui, possiamo eseguire i casi di test manualmente o eseguendo l'automazione specificando i vari browser negli script di automazione.

Lettura suggerita => Guida per principianti al test cross-browser

Perché BrowserStack?

In tempo reale, è difficile testare un'applicazione in browser diversi utilizzando più sistemi operativi, con versioni diverse.

Costerà molto acquistare molti computer per installare diversi sistemi operativi. È ancora più difficile acquistare tutti i dispositivi mobili Android e iOS disponibili oggi sul mercato. Per questo motivo non è pratico acquistare e configurare tutti i dispositivi.

Pertanto, utilizziamo BrowserStack per evitare la complessità del passaggio tra i sistemi operativi, i browser e le diverse versioni.

Quando si tratta di test di applicazioni mobili, possiamo evitare di acquistare tutti i dispositivi mobili disponibili oggi. Browser Stack è molto flessibile e scalabile. Possiamo testare ovunque e in qualsiasi momento con l'aiuto di Browser Stack.

Possiamo usare Browser Stack come laboratorio remoto e possiamo usarlo come browser desktop reali. Ci fornisce unit test Javascript gratuiti e supporta 750 configurazioni. Non è richiesta alcuna configurazione per l'utilizzo dello stack del browser. Possiamo usarlo direttamente su qualsiasi macchina indipendente utilizzando l'URL dello stack del browser e le sue credenziali di accesso.

Homepage di BrowserStack

Cronologia BrowserStack

BrowserStack è stata fondata da Ritesh Arora e Nakul Aggarwal a Mumbai, in India, nel 2011. Ha circa 25000 utenti pagati e 2000000 utenti registrati in 135 paesi. Ora molte aziende si affidano a Browser Stack per i test di applicazioni web e mobili.

Caratteristiche di BrowserStack

  • Test su più browser con diversi browser su diversi sistemi operativi.
  • Test di app native su dispositivi mobili.
  • Test di applicazioni ibride.
  • Automatizza le applicazioni web e mobili.

Test dell'applicazione Web

# 1) Iscriviti con BrowserStack.

Iscriviti a BrowserStack

#Due) Accedi al tuo account.

Accesso

# 3) Scegli l'opzione di test cross-browser interattivo dal vivo dal menu a discesa dei prodotti.

cross-browser interattivo dal vivo

# 4 ) Vedrai l'elenco dei sistemi operativi sul lato sinistro della pagina. Abbiamo Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac e molto altro.

Seleziona il sistema operativo

# 5) Scegli qualsiasi sistema operativo dall'elenco. Sarai in grado di vedere un elenco di browser con diverse versioni. Possiamo vedere browser come Chrome, Mozilla Firefox, IE, Opera, Safari, ecc. Con diverse versioni come Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10, ecc.

Elenco browser con versione

# 6) Scegli un browser particolare di qualsiasi versione. Il browser sarà aperto. Immettere l'URL dell'applicazione. Inizia a testare l'applicazione nello stesso modo in cui fai nei browser di sistema reale.

Immettere l

Utilizzo delle funzioni dei tasti Stack del browser durante il test dell'applicazione

Se desideri scegliere un altro browser, fai clic sull'opzione Cambia browser. Questo ti porterà alla schermata del dashboard, dove potrai scegliere l'altro browser per il test.

Se desideri testare l'applicazione su una risoluzione diversa, fai clic sull'icona della risoluzione, dove apparirà un elenco delle risoluzioni disponibili, puoi selezionare quella richiesta e continuare con il test.

Una volta terminato il test in un determinato browser, fai clic su Interrompi sessione e ti porterà alla schermata del dashboard.

Funzione chiave - Cambia browser

Creazione di bug da BrowserStack

Clicca su Segnala un'opzione bug . Vedrai una casella di opzione per evidenziare il problema nella pagina. Puoi evidenziare il problema utilizzando diverse opzioni come rettangolo, cerchio, matita, ecc.

In aggiunta a ciò, puoi vedere la modalità di opzione per segnalare un bug, come dove desideri segnalare un bug, utilizzando Jira, Trello, GitHub, Slack o tramite e-mail, o se desideri scaricare la pagina del problema , ecc. In questo modo, puoi scegliere qualsiasi opzione dall'elenco sopra e procedere ulteriormente per segnalare un bug.

Creazione di bug

miglior programma per il monitoraggio della temperatura della cpu

Test dell'applicazione mobile nei browser mobili

Scegli l'opzione di test cross-browser interattivo dal vivo dal menu a discesa dei prodotti. Vedrai l'elenco dei sistemi operativi sul lato sinistro della pagina. Fare clic sull'opzione Android da quell'elenco. Puoi vedere l'elenco dei dispositivi Android come Samsung, Motorola, Google, one plus, ecc.

Passa il mouse sul dispositivo che desideri testare e sarai in grado di vedere i browser come Chrome, Mozilla Firefox, Safari, browser UC, ecc. Scegli il browser e il browser selezionato si aprirà.

Applicazione mobile: seleziona il browser

Inserisci l'URL dell'applicazione e inizia a testare come lo fai nel browser del sistema reale.

Test dell'applicazione mobile nativa in BrowserStack

Iscriviti all'account Browser Stack e accedi con l'account. Scegli il App Live: test interattivo di app native e ibride opzione dal menu a discesa dei prodotti.

Test dell

Vedrai le 3 schede principali lì, ovvero per caricare l'app, l'elenco dei dispositivi Android e l'elenco dei dispositivi iOS.

App caricate

Caricamento dell'app

Fare clic sul pulsante di caricamento dell'app e verrà visualizzata una finestra di dialogo di sistema.

Vai alla cartella dell'app, scegli l'App che vuoi testare e l'app verrà caricata correttamente. Sarai in grado di vedere l'app nella sezione delle app caricate. Lì possiamo caricare le app fino alla dimensione di 500 MB.

Possiamo caricare l'app anche in altri modi. Scegli il Opzione di test delle app interattive native e ibride di App Live dal menu a discesa dei prodotti e selezionare la scheda del dispositivo reale Android o del dispositivo reale iOS.

Scegli qualsiasi dispositivo e si aprirà. Fare clic su Play Store. Accedi con l'account e cerca l'app che desideri testare. Scarica e installa l'app e inizia a testare l'applicazione.

Allo stesso modo, possiamo caricare le app in molti altri modi, ad esempio sincronizzandole con l'app center, sincronizzandole con hockeyapp, installandole con testflight, installandole con l'app store o installandole con il play store.

Eliminazione dell'app

Fai clic sull'icona Elimina e vedrai la casella di controllo in ciascuna app. Seleziona la casella di controllo e fai clic sul link Elimina e l'app caricata eliminerà automaticamente dopo il completamento di 60 giorni dalla data di caricamento.

Ora osserva la scheda dei dispositivi reali Android, fai clic su questa scheda e vedrai l'elenco dei dispositivi Android come Samsung, Motorola, Google, uno più, ecc. Con diversi modelli di dispositivo. È possibile visualizzare la versione del sistema operativo e le dimensioni dello schermo in ogni modello.

Versione del sistema operativo

Ora osserva la scheda dei dispositivi reali iOS e fai clic su questa scheda, vedrai l'elenco dei dispositivi iOS come iPhone e iPad con diversi modelli di dispositivo. È possibile visualizzare la versione del sistema operativo e le dimensioni dello schermo in ogni modello.

Dispositivi reali iOS

Fare clic su qualsiasi dispositivo Android o iOS per il test. Il dispositivo specifico sarà aperto e l'applicazione verrà avviata. Inizia a testare come fai sul dispositivo reale.

Seleziona il dispositivo iOS

Utilizzo delle funzioni chiave dello stack del browser durante il test delle app native

Fare clic sull'opzione Cambia dispositivo, se si desidera cambiare dispositivo. Fare clic sull'opzione Interrompi sessione una volta terminato il test su un particolare dispositivo e si accederà alla pagina del dashboard. Fare clic su Impostazioni per scegliere il timeout della sessione e la dimensione del monitor.

Possiamo creare il bug facendo clic su Segnala un'opzione di bug , proprio come quello che abbiamo discusso nella sezione di test web sopra. Ora, guarda il menu del kit di strumenti web, che ha alcune opzioni in più per utilizzare il dispositivo in modo fattibile e testare l'applicazione.

Clicca sul Opzione Ruota dispositivo per ruotare il dispositivo orizzontalmente o verticalmente. Clicca sul Installa l'applicazione per installare la nuova applicazione. Clicca sul kill app per chiudere semplicemente l'app e non il dispositivo. Clicca su Cambia lingua per cambiare la lingua per il test. Clicca su Informazioni sul dispositivo per controllare le informazioni complete sul dispositivo.

Test delle app native

Confronto dei test di BrowserStack rispetto ai test del dispositivo reale

Test dello stack del browser Test del dispositivo reale
Economico: Possiamo testare l'applicazione su un singolo dispositivo cambiando i diversi dispositivi e browser. Non economico: Necessità di acquistare tutti i dispositivi disponibili sul mercato per i test.
Molto flessibile: Possiamo eseguire test cross-browser e test di applicazioni mobili in un'unica piattaforma.Necessità di trasportare più dispositivi ovunque andiamo.
Non è necessario acquistare la licenza del sistema operativo.È necessario acquistare una licenza del sistema operativo.
Veloce: Non è necessario attendere per caricare il sistema operativo e i browser. Lento: È necessario attendere per caricare il sistema operativo e i browser.
Non è necessario utilizzare macchine virtuali.Dobbiamo usare macchine virtuali.

Automatizza il sito web utilizzando gli script di selenio

Scriviamo gli script Selenium ed eseguiamo test di automazione nello Stack del browser. Scarica e installa l'ultima versione di Java. Scarica e installa l'ultima versione di Eclipse o un altro IDE.

Dobbiamo ottenere il nome utente e la chiave di accesso dallo stack del browser. Per ottenerlo, accedi con le credenziali del browser, vai a prodotti e fare clic su Automatizzare . Rispettare il nome utente e la chiave di accesso sul lato sinistro. Annotare il nome utente e la password.

Automatizza utilizzando script di selenio

Apri l'IDE di Eclipse. Crea il progetto Java, crea il pacchetto, crea il file di classe e aggiungi tutti i file jar Selenium richiesti al progetto. Scrivere le variabili per il nome utente e la chiave di accesso. Passa l'URL, il nome utente e la password. Usa annotazioni. Crea il metodo.

Imposta le capacità desiderate per vedere i log. Stiamo impostando le funzionalità desiderate per dire al driver web di scegliere il sistema operativo, il browser e la versione del browser menzionati. Crea l'oggetto per il driver web, ottieni l'URL per aprire il sito web. Scrivere i comandi impliciti di attesa per attendere fino al lancio dell'applicazione.

Scrivi il codice per testare comandi come, Ottieni l'URL, per controllare l'URL previsto utilizzando l'asserzione e altre funzionalità come, clic, navigazione, immissione dati e molto altro.

Esegui lo script. Osserva la scheda Automatizza. Controlla il registro di prova di tutti i passaggi del test e guarda i registri visivi per vedere gli screenshot del sito web. Osservare i registri della console e i registri di rete per altre informazioni.

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(); }

Vantaggi del test BrowserStack

  1. Possiamo testare tutti i principali browser da un unico punto di controllo.
  2. Possiamo testare la compatibilità della versione precedente / precedente dei browser.
  3. Supporta test manuali e automatizzati.
  4. Possiamo testare tutti i dispositivi e browser attualmente disponibili sul mercato.
  5. Possiamo testare l'applicazione in diverse risoluzioni.

Svantaggi del test BrowserStack

  1. Il tempo di risposta non è buono come una macchina virtuale installata localmente.
  2. Browser Stack non è open source.
  3. Alcuni bug che possiamo trovare su dispositivi reali non possono essere identificati.

Conclusione

Utilizzando BrowserStack possiamo eseguire test completi senza le dipendenze dell'installazione di qualsiasi macchina virtuale. Browser Stack è più flessibile e affidabile da testare e consente di risparmiare tempo e denaro.

È come un grande tetto per tutti i dispositivi, sistemi operativi, browser e tutti con versioni diverse. Quindi, possiamo testare tutti i tipi di applicazioni con Browser Stack.

Browser Stack può essere eseguito su oltre 200 browser e oltre 40 dispositivi mobili. Può eseguire test su un servizio cloud. Non è una piattaforma open source. Devi pagare per acquistare la licenza in base al piano che intraprendi e al test che desideri eseguire.

Hai già utilizzato BrowserStack? In caso contrario, sei pronto a provarlo oggi?

Lettura consigliata

^