Menu

Che cos'è il Cross Browser Test e come eseguirlo: una guida completa

what is cross browser testing

Prova Il Nostro Strumento Per Eliminare I Problemi

Una guida completa per principianti ai test cross browser:

Cross Browser Testing è un tipo di test per verificare se un'applicazione funziona su browser diversi come previsto e si degrada regolarmente. È il processo di verifica della compatibilità della tua applicazione con diversi browser.

Molte volte, ho riscontrato un problema con un sito Web e chiamando il supporto tecnico, mi hanno semplicemente detto di provarlo in un altro browser? Quando lo faccio, funziona e finisco per sentirmi un totale idiota, anche se mi guadagno da vivere lavorando nell'industria del software.

Scommetto che questo è successo a tutti voi, non è vero?

Suggerimenti per test su più browser

Finisco sempre per pensare 'perché non ci ho pensato?' Ma credimi, nel tempo ho capito che non è colpa mia; è solo che il sito Web non è stato ampiamente testato per quanto riguarda i test di compatibilità tra browser e come utente finale ho appena trovato un bug.

Cosa imparerai:

introduzione

Potremmo tutti aver notato che alcuni siti Web non vengono visualizzati correttamente su alcuni browser e pensiamo solo che il sito Web sia danneggiato. Ma, non appena lo apri su un browser diverso, il sito Web si apre perfettamente. Quindi questo comportamento spiega la compatibilità di un sito web con diversi browser.

Ogni browser interpreta le informazioni sulla pagina del sito Web in modo diverso. Pertanto, alcuni browser potrebbero non disporre delle funzionalità che il tuo sito web sta cercando di mostrare e rendere il tuo sito web non funzionante su quel browser.

Per esempio , come mostrato di seguito, gli errori dei moduli di iscrizione non sono gli stessi su entrambi i browser. Inoltre, anche il colore del testo, il carattere ecc. Sono diversi se li guardi da vicino.

Test su più browser

Con il progresso della tecnologia, ci sono diverse opzioni disponibili per i browser e non è sufficiente per far funzionare un sito web su uno dei browser.

Gli utenti non dovrebbero essere limitati a utilizzare un browser specifico per accedere alla tua applicazione. Pertanto, diventa necessario testare la compatibilità del tuo sito web con diversi browser. Alcuni dei browser comunemente utilizzati includono Chrome, Safari, Firefox, Internet Explorer ecc.

browser

Essendo questa la storia di fondo, scommetto che avete capito l'argomento della discussione di oggi - Test su più browser.

Come pratica generale in STH, ci concentreremo sulle basi. Crediamo che qualsiasi concetto avrà un senso quando poniamo le parole della domanda di base in giro come- 'Cosa, perché, come, chi, quando, dove'.

Facciamolo mentre procediamo.

Cos'è il Cross Browser Test?

# 1) Il test cross-browser è semplicemente il significato del suo nome, ovvero testare il tuo sito web o la tua applicazione in più browser e assicurarti che funzioni in modo coerente e come previsto senza dipendenze o compromessi in termini di qualità.

#Due) Questo è applicabile a entrambi ragnatela e applicazioni mobili .

# 3) Che tipo di applicazioni sono sottoposte a questo? - Le applicazioni rivolte ai clienti sono la scelta migliore. A questo punto potresti chiederti: 'Non tutte le applicazioni sono rivolte ai clienti?' Beh si. Sono. Tuttavia, diamo un'occhiata a un esempio.

Applicazione 1: Un'applicazione sviluppata per un'azienda per tenere traccia internamente del proprio inventario
Applicazione 2: Questo è per gli utenti finali che acquistano prodotti da questa azienda

  • È evidente che l'idea migliore sarebbe quella di testare l'Applicazione 2 per i test di compatibilità del browser poiché è impossibile controllare quali browser / piattaforme / versioni l'utente finale utilizzerà.
  • D'altra parte, se tutti i computer interni all'azienda utilizzano macchine Windows 8 con browser Chrome, non è necessario cercare o testare nient'altro rispetto all'applicazione 1.

Perché viene eseguito?

Del resto, perché viene eseguito qualsiasi tipo di test?

  • Per sapere cosa non va ed essere in grado di risolverlo.
  • Per migliorare l'efficienza e l'esperienza dell'utente e, quindi, il business.
  • Per essere informato di eventuali insidie

Ma nello specifico, se pensiamo: Qual è lo scopo del test cross-browser? - Questo è duplice.

  1. La resa o l'aspetto della pagina in browser diversi: è la stessa, è diversa, se una è migliore dell'altra, ecc.
  2. La funzionalità e il funzionamento di esso. (Ovviamente!)

Chi esegue questo test?

  • Stai pensando: 'Ci sono un milione di browser, versioni e piattaforme là fuori, quali scegliere?' - Questa, per fortuna, non è una decisione che è responsabilità del tester. Il cliente, il team di analisi aziendale e i team di marketing hanno un ruolo importante in questa decisione. Inoltre, le aziende raccolgono statistiche sull'utilizzo / sul traffico per restringere i browser, l'ambiente e i dispositivi maggiormente utilizzati.
  • L'intero team del progetto dovrebbe avere un interesse investito, tempo, denaro e infrastrutture per supportare questo sforzo.
  • Il team di controllo qualità può essere coinvolto in questo processo o potrebbe essere il team di progettazione che desidera sapere come funziona l'applicazione in più browser.
  • Indipendentemente dal fatto che venga eseguito da QA o da qualsiasi altro team, i risultati vengono interpretati dai team di progettazione e sviluppo e vengono apportate le modifiche pertinenti.

Come eseguire il Cross Browser Test?

Adesso stiamo parlando!

Per prima cosa, viene eseguita manualmente o utilizzando uno strumento?

Può sicuramente essere fatto manualmente: più macchine, più sistemi operativi, più browser, più macchine e, chiaramente, questo porta a più problemi, più investimenti e più sfide.

Tipi di test su più browser

Metodo manuale

In questo caso, un'azienda identifica i browser che l'applicazione deve supportare. I tester quindi rieseguono gli stessi casi di test utilizzando browser diversi e osservano il comportamento dell'applicazione e segnalano eventuali bug.

In questo tipo di test, non è possibile coprire molti browser e inoltre l'applicazione potrebbe non essere testata sulle principali versioni di browser.

Inoltre, eseguire manualmente il controllo cross-browser è costoso e richiede tempo.

Metodo automatizzato

Il test cross-browser fondamentalmente esegue lo stesso set di test case più volte su browser diversi.

framework basato sui dati nel webdriver al selenio

Questo tipo di attività ripetuta è più adatto per l'automazione. Pertanto, è più conveniente in termini di tempo e denaro eseguire questo test utilizzando gli strumenti.

Quindi, molti strumenti sono disponibili sul mercato per rendere tutto più semplice.

Gli strumenti ci aiutano con una o più o tutte le seguenti operazioni a seconda dello strumento stesso e dei tipi di licenza:

  1. Forniscono una VPN (macchina privata virtuale) con la quale puoi connetterti a macchine remote e controllare il funzionamento e la resa delle tue pagine JAVA, AJAX, HTML, Flash e altre. La maggior parte di questi sono sicuri, ma poiché stai inviando le tue informazioni a una terza parte, si consiglia una certa analisi a discrezione.
  2. Vengono fornite schermate per le pagine e i collegamenti inviati su come vengono visualizzati in più browser. Questo è, ovviamente, statico.
  3. Più browser sono sincronizzati rispetto alle operazioni eseguite su uno e i risultati sono presentati come browser.
  4. Mostra il rendering di una pagina a più risoluzioni dello schermo
  5. Quando si verifica un problema, vengono registrati un video o degli screenshot per trasportare il problema per ulteriori analisi.
  6. Il supporto è generalmente disponibile sia per le app Web che per quelle mobili
  7. È anche possibile testare le pagine private che richiedono l'autenticazione per accedere
  8. Anche locale, all'interno di una rete privata / pagine firewall, può essere testato

Strumenti consigliati

# 1) LambdaTest

Logo LambdaTest

LambdaTest è una piattaforma di test cross-browser basata su cloud che utilizza quale utente può eseguire test di compatibilità automatizzati e manuali del proprio sito Web o app Web su una combinazione di oltre 2000 browser e sistemi operativi diversi.

Gli utenti possono eseguire test di automazione Selenium su una griglia Selenium scalabile, sicura e affidabile basata su cloud ed eseguire test interattivi in ​​tempo reale cross-browser dei loro siti Web e app Web pubblici o ospitati localmente sul cloud.

=> Visita il sito web LambdaTest

# 2) CrossBrowserTesting

CrossBrowserTesting

CrossBrowserTesting è fornito dalla società denominata SmartBear. CrossBrowserTesting ti consente di rendere perfetta ogni esperienza web, su qualsiasi browser o dispositivo mobile con il loro laboratorio di dispositivi reali basato su cloud. Elimina le VM e il laboratorio dei dispositivi. Esegui facilmente test manuali, visivi e selenio nel cloud su oltre 2050 browser desktop e mobili reali.

Stai cercando di accelerare i tuoi test come utente non tecnico? Dai un'occhiata alla loro funzione Registra e riproduci, che ti consente di registrare un test dal vivo ed eseguire il test registrato in parallelo.

=> Visita il sito web CrossBrowserTesting

# 3) Selenio

Logo selenio

Il selenio è ben noto per i test automatizzati delle applicazioni basate sul web. Semplicemente cambiando il browser da utilizzare per eseguire i casi di test, il selenio rende molto facile eseguire gli stessi casi di test più volte utilizzando browser diversi.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack è una piattaforma di test Web e mobile basata su cloud che consente di testare le applicazioni su browser, sistemi operativi e dispositivi mobili reali su richiesta.

# 5) Navigazione

È un servizio interattivo dal vivo che fornisce test senza sforzo per sviluppatori web e web designer.

Esistono diversi browser e sistemi operativi e Browserling fornisce un rapido accesso a tutti i browser più diffusi sui sistemi operativi più diffusi.

=> Ulteriori letture: Elenco completo degli strumenti di test cross browser

Quando iniziare questo test?

Il tempo per avviare il test Cross-Browser dipende completamente dalla tua metodologia di test e dalla tua sequenza temporale.

Questo test può essere eseguito:

# 1) Appena possibile:

Inizia questo test anche quando una singola pagina è pronta per il test.

Prova quella pagina su ogni browser. Quando la pagina successiva è disponibile, provala anche su più browser. Ciò aumenterà gli sforzi, ma aiuterà a correggere gli errori il prima possibile nel ciclo di vita. Pertanto, correggere gli errori, in questo caso, è molto conveniente.

# 2) Quando l'applicazione è completa:

Inizia questo test quando lo sviluppo dell'applicazione è completo.

Questo testerà l'applicazione nel suo insieme su diversi browser. La correzione degli errori non sarà così conveniente come nel caso precedente, ma aiuterà comunque a correggere gli errori prima di rilasciare l'applicazione agli utenti.

# 3) Quando l'applicazione viene rilasciata:

Questo è il momento meno favorevole per eseguire un test cross-browser per la tua applicazione. Ma è meglio farlo che non farlo e lasciare che gli utenti finali abbiano una brutta esperienza.

Dopo che l'applicazione è stata rilasciata per gli utenti finali, è possibile eseguire questo test e correggere i bug come parte delle richieste di modifica nell'applicazione. Questo è molto costoso e richiede più distribuzioni a seconda delle correzioni di bug.

È possibile eseguire rigorosi test cross-browser solo quando i membri del team di test che hanno conoscenza degli strumenti eseguono questo test. Gli utenti aziendali o persino gli sviluppatori possono eseguire il controllo di alto livello o il controllo di alcuni browser specifici.

Questo test prevede di testare a fondo l'applicazione utilizzando diversi browser. Il test completo include il test funzionale e non funzionale dell'applicazione.

Nella maggior parte delle aziende, un team di prodotto dispone di team separati per i test funzionali e non funzionali. Pertanto, questo test deve essere eseguito dal / i team / i responsabile / i del test funzionale e non funzionale dell'applicazione.

Per questo test, un tester necessita dei browser sui quali l'applicazione deve essere testata.

Questi browser possono essere forniti al tester come:

  • Installato localmente sulla macchina del tester.
  • Una macchina virtuale o diverse macchine a cui ha accesso un tester.
  • Strumenti che forniscono i propri browser e le relative versioni per il test.
  • Su cloud: in modo che più tester possano utilizzare i browser come e quando richiesto.

Questo test è indipendente dagli ambienti di distribuzione. Pertanto, può essere eseguito in un ambiente di sviluppo, test, QA o anche di produzione a seconda della disponibilità dell'applicazione in ciascuno di questi ambienti.

Cosa testare?

  1. Funzionalità di base: Collegamenti, finestre di dialogo, menu ecc.
  2. Interfaccia grafica utente: Aspetto e aspetto dell'applicazione.
  3. Risposta: Quanto bene l'applicazione risponde alle azioni dell'utente.
  4. Prestazione: Caricamento delle pagine entro i tempi consentiti.

Se la tua applicazione funziona bene su un browser, ciò non significa che funzionerà bene anche sugli altri browser. Pertanto, questo test ti aiuta a garantire che un'applicazione venga eseguita su browser diversi senza errori.

Per identificare cosa si interrompe su quale browser e per correggere il sito web di conseguenza, dobbiamo eseguire questo test. Se un browser non è affatto supportato, gli utenti possono essere facilmente informati al riguardo.

Per riassumere 'come' test cross-browser

# 1. Le statistiche sul traffico aiutano a determinare quali browser testare.

#Due. Un'analisi dettagliata dovrebbe essere eseguita sull'AUT (Application under test) stesso per determinare quali parti dell'applicazione o se tutte devono essere sottoposte a questo. È consigliabile che tutto venga testato su più browser, ma anche in questo caso si devono considerare costi e tempi. Una buona strategia è quella di eseguire test al 100% su un browser per piattaforma e per l'altro testare solo le funzionalità più critiche / ampiamente utilizzate.

# 3. Una volta presa la decisione 'Cosa' da testare e 'Dove (browser)' - le decisioni relative all'infrastruttura devono essere prese - acquisiamo strumenti o eseguiamo questa operazione manualmente, ecc. Ancora una volta, il costo deve essere considerato. Viabilità, rischi, problemi di sicurezza, persone da coinvolgere, tempo, criteri di accettazione, programmi / processi di risoluzione di problemi / difetti - sono poche cose che devono essere affrontate.

# 4. Eseguire il test. I casi di test di test funzionali regolari possono essere utilizzati per convalidare l'efficienza del sistema. Per i casi di test di aspetto / resa non sono necessari.

L'operazione di cui parlavo all'inizio di questo articolo che non è riuscita per me è stata un bonifico bancario online. Ho effettuato l'accesso al mio conto bancario, ho scelto l'importo per il trasferimento di circa un lakh e ho provato a eseguire il trasferimento e un errore di servlet è stato visualizzato indipendentemente da quante volte ho provato.

Quindi, se l'operazione di trasferimento viene scelta per il test di compatibilità del browser, questo è l'aspetto che avrà lo script di test.

  1. Accedi al conto bancario online
  2. Seleziona l'account da cui deve essere effettuato il trasferimento
  3. Inserisci l'importo del trasferimento: 100.000
  4. Seleziona il beneficiario e fai clic su 'Trasferisci'
  5. Risultato previsto: il trasferimento dovrebbe avere esito positivo
  6. Questo verrà semplicemente eseguito su tutti i browser scelti.

Ancora una volta, tieni presente che questo non sembra diverso da un test case funzionale. Si prega di controllare questo articolo di test non funzionale per ulteriori informazioni su questo.

# 5. Riportare i risultati al team di progettazione, se non sono stati coinvolti nel processo di test. Segue il cambiamento.

Quando è il momento migliore per farlo?

Qualsiasi test raccoglie i migliori vantaggi quando viene eseguito nella fase iniziale. Pertanto, la raccomandazione del settore è di iniziare con esso non appena i design delle pagine sono disponibili.

Ma può anche essere eseguito quando il sito è completamente integrato e funzionale.

Se hai perso il bus durante l'esecuzione del test cross-browser durante le fasi di progettazione, sviluppo e QA, può ancora essere fatto mentre l'applicazione è in produzione. Tuttavia, questo è il più costoso di tutti e anche rischioso.

Dove vengono eseguiti i test di compatibilità del browser?

Di solito, la risposta a questa domanda sarebbe una di- Ambienti di sviluppo / controllo qualità / produzione . Ma per il controllo cross-browser, questo non è definito e irrilevante (se così posso dire). Può essere fatto in uno qualsiasi o in tutti.

Conclusione

Alcuni punti da notare,

  • Essendo un insegnante di QA da un po 'di tempo, posso dire cosa succederà dopo e questa è: la domanda, è test funzionale e non funzionale? Penso che non sia né l'uno né l'altro.
  • Inoltre non dovrebbe essere confuso con Cross-platform testing, che sta testando la tua applicazione in più ambienti di destinazione come Windows, Linux, Mac ecc. Anche se a volte i due devono integrarsi insieme poiché alcune delle versioni precedenti del browser potrebbero essere compatibili solo con le versioni precedenti delle piattaforme.
  • È anche un processo in continua evoluzione poiché gli ambienti software, i browser e i dispositivi si evolvono ogni giorno e per assicurarsi che non ci siano spiacevoli sorprese, questo test del browser dovrebbe essere aggiunto al repertorio delle suite di regressione.

Come sai, ogni tipo di test aiuta a migliorare la qualità dell'applicazione, così come il test cross-browser.

Il test cross-browser aiuta a creare una buona impressione sugli utenti fornendo loro un'esperienza coerente in tutta l'applicazione indipendentemente dal browser o dal sistema operativo.

esempio di albero di ricerca binario c ++

La correzione dei bug è conveniente durante le prime fasi del ciclo di vita dello sviluppo e lo stesso vale anche per i difetti rilevati come parte di questo test.

Questo test aiuta a migliorare la tua attività che a sua volta si traduce in clienti felici, felici tu !!

Questa è l'ennesima testimonianza del concetto che il campo di controllo qualità o il test del software è un campo multidimensionale e c'è qualcosa in cui tutti possono eccellere.

Pubblica i tuoi commenti e domande qui sotto. Siamo sempre entusiasti di sentirti!

Lettura consigliata

^