Menú

Tutorial Browserstack: Plataforma de proves d'aplicacions i navegadors (GUIA)

  • Principal
  • Altres
  • Tutorial Browserstack: Plataforma de proves d'aplicacions i navegadors (GUIA)

browserstack tutorial

Proveu El Nostre Instrument Per Eliminar Problemes

Obteniu informació sobre com utilitzar l'aplicació mòbil Browserstack i la plataforma de proves de diversos navegadors en aquest tutorial pràctic detallat de Browserstack:

BrowserStack és la plataforma de proves per provar els llocs web i les aplicacions mòbils.

Podem provar una aplicació web en diversos navegadors i aplicacions mòbils en tots els dispositius mòbils sense màquines, dispositius i emuladors virtuals.

Quan es tracta d’una aplicació mòbil, podem provar les aplicacions mòbils Android i iOS.

Tutorial BrowserStack

Què aprendreu:

Què és BrowserStack?

Browser Stack és una eina de proves basada en el núvol. Mitjançant aquesta eina, els desenvolupadors i verificadors poden fer proves entre diversos navegadors de diverses aplicacions web i mòbils en diferents navegadors web.

Què són les proves de navegador creuat?

Les proves entre navegadors són proves funcionals. Realitzem aquesta prova per comprovar si l’aplicació funciona o no com s’esperava en diferents navegadors web per als diferents sistemes operatius. Aquí podem executar els casos de prova manualment o mitjançant automatització especificant els diversos navegadors als scripts d’automatització.

Lectura suggerida => Guia per a principiants de proves entre navegadors

Per què BrowserStack?

En temps real, és difícil provar una aplicació en diferents navegadors amb diversos sistemes operatius, amb versions diferents.

Costarà molt comprar moltes màquines informàtiques per instal·lar diferents sistemes operatius. És encara més difícil comprar tots els dispositius mòbils Android i iOS disponibles al mercat actualment. Per aquest motiu, no és pràctic comprar i configurar tots els dispositius.

Per tant, anem amb BrowserStack per evitar la complexitat de canviar entre els sistemes operatius, els navegadors i les diferents versions.

Quan es tracta de proves d’aplicacions mòbils, podem evitar comprar tots els dispositius mòbils disponibles avui en dia. La pila del navegador és molt flexible i escalable. Podem provar en qualsevol lloc i en qualsevol moment amb l'ajuda de Browser Stack.

Podem utilitzar Browser Stack com a laboratori remot i podem utilitzar-lo com a navegadors d’escriptori reals. Ens proporciona proves d’unitat Javascript gratuïtes i admet 750 configuracions. No es requereix cap configuració per utilitzar la pila del navegador. El podem utilitzar directament en qualsevol màquina independent mitjançant l’URL de la pila del navegador i les seves credencials d’inici de sessió.

Pàgina d

Historial BrowserStack

BrowserStack va ser fundat per Ritesh Arora i Nakul Aggarwal a Bombai, Índia, l'any 2011. Compta amb aproximadament 25.000 usuaris de pagament i 2.000.000 d'usuaris registrats a 135 països. Ara moltes empreses confien en la pila del navegador per provar aplicacions web i mòbils.

Característiques de BrowserStack

  • Prova de diversos navegadors amb diferents navegadors de diferents sistemes operatius.
  • Proves d'aplicacions natives al mòbil.
  • Proves d'aplicacions híbrides.
  • Automatitzar aplicacions web i mòbils.

Prova de l'aplicació web

# 1) Inscriviu-vos a BrowserStack.

Registra

# 2) Inicieu sessió al vostre compte.

Iniciar Sessió

# 3) Trieu l'opció de proves interactives en directe del menú desplegable de productes.

navegador interactiu en directe

# 4 ) Veureu la llista de sistemes operatius a la part esquerra de la pàgina. Tenim Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac i molt més.

Seleccioneu el sistema operatiu

# 5) Trieu qualsevol sistema operatiu de la llista. Podreu veure una llista de navegadors amb versions diferents. Podem veure navegadors com Chrome, Mozilla Firefox, IE, Opera, Safari, etc. amb diferents versions com Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10, etc.

Llista de navegadors amb versió

# 6) Trieu un navegador concret de qualsevol versió. El navegador estarà obert. Introduïu l'URL de l'aplicació. Comenceu a provar l'aplicació de la mateixa manera que ho feu als navegadors del sistema reals.

Introduïu l

Ús de funcions clau de la pila del navegador mentre proveu l’aplicació

Si voleu triar qualsevol altre navegador, feu clic a l'opció de canviar de navegador. Això us portarà a la pantalla del tauler de control, on podreu triar l'altre navegador per provar-lo.

Si voleu provar l'aplicació amb una resolució diferent, feu clic a la icona de resolució, on apareixerà una llista de la resolució disponible, podeu seleccionar la necessària i continuar amb la prova.

Un cop hàgiu acabat de fer la prova en un navegador concret, feu clic a la sessió Atura i us portarà a la pantalla del tauler.

Funció de tecla: canvia de navegador

S'està creant un error des de BrowserStack

Fer clic a Notifiqueu una opció d'error . Veureu un quadre d’opcions per ressaltar el problema a la pàgina. Podeu ressaltar el problema mitjançant diferents opcions com ara rectangle, cercle, llapis, etc.

A més d’això, podeu veure el mode d’opció per informar d’un error, com ara on voleu informar d’un error, mitjançant Jira, Trello, GitHub, Slack o mitjançant el correu electrònic o si voleu descarregar la pàgina del problema. , etc. D'aquesta manera, podeu triar qualsevol opció de la llista anterior i continuar més endavant per informar d'un error.

Creació d

quins són els meus inicis de sessió i contrasenya del router

Prova de l'aplicació mòbil als navegadors mòbils

Trieu l'opció de proves interactives en directe del menú desplegable de productes. Veureu la llista de SO a la part esquerra de la pàgina. Feu clic a l'opció d'Android d'aquesta llista. Podeu veure la llista de dispositius Android com Samsung, Motorola, Google, un plus, etc.

Passeu el ratolí al dispositiu que vulgueu provar i podreu veure els navegadors com Chrome, Mozilla Firefox, Safari, el navegador UC, etc. Trieu el navegador i s'obrirà el navegador seleccionat.

Aplicació mòbil: seleccioneu el navegador

Introduïu l'URL de l'aplicació i comenceu a provar com ho feu al navegador del sistema real.

Proves d'aplicacions mòbils natives a BrowserStack

Registreu-vos al compte de la pila del navegador i inicieu la sessió amb el compte. Escull el App Live: proves interactives d'aplicacions natives i híbrides opció del menú desplegable de productes.

Prova de l

Hi veureu les tres pestanyes principals, és a dir, per penjar l’aplicació, la llista de dispositius Android i la llista de dispositius iOS.

Aplicacions penjades

Carregant l'aplicació

Feu clic al botó de càrrega de l'aplicació i s'obrirà una finestra de diàleg del sistema.

Aneu a la carpeta de l'aplicació, trieu l'aplicació que vulgueu provar i l'aplicació es carregarà correctament. Podreu veure l'aplicació a la secció d'aplicacions penjades. Allà podem carregar les aplicacions fins a la mida de 500 MB.

També podem carregar l’aplicació d’altres maneres. Escull el Opció de prova d'aplicacions natives i híbrides interactives App Live al menú desplegable de productes i seleccioneu la pestanya Dispositiu real per a Android o iOS.

Trieu qualsevol dispositiu i s’obrirà. Feu clic a Play Store. Inicieu la sessió amb el compte i cerqueu l'aplicació que vulgueu provar. Descarregueu i instal·leu l'aplicació i comenceu a provar l'aplicació.

De la mateixa manera, podem carregar les aplicacions de moltes maneres més, és a dir, sincronitzant-les amb el centre d’aplicacions, sincronitzant-les amb hockeyapp, instal·lant-les amb testflight, instal·lant-les amb l’app store o instal·lant-les amb el Play Store

Supressió de l'aplicació

Feu clic a la icona de supressió i veureu la casella de selecció de cada aplicació. Marqueu la casella de selecció i feu clic a l'enllaç de supressió i suprimirà l'aplicació carregada automàticament després de completar els 60 dies posteriors a la data de la càrrega.

Ara observeu la pestanya Dispositius Android reals, feu clic a aquesta pestanya i veureu la llista de dispositius Android com Samsung, Motorola, Google, one plus, etc. amb diferents models de dispositius. Podeu veure la versió del sistema operatiu i la mida de la pantalla a cada model.

Versió del sistema operatiu

Ara observeu la pestanya de dispositius reals d’IOS i feu clic a aquesta pestanya, veureu la llista de dispositius iOS com iPhone i iPad amb diferents models de dispositius. Podeu veure la versió del sistema operatiu i la mida de la pantalla a cada model.

Dispositius reals iOS

Feu clic a qualsevol dispositiu Android o iOS per provar-los. El dispositiu concret estarà obert i s’iniciarà l’aplicació. Comenceu a provar com ho feu al dispositiu real.

Seleccioneu un dispositiu iOS

Ús de les funcions clau de la pila del navegador durant la prova d'aplicacions natives

Feu clic a l'opció Canvia de dispositiu, si voleu canviar-lo. Feu clic a l'opció Atura la sessió un cop hàgiu acabat de fer la prova en un dispositiu concret i navegarà fins a la pàgina del tauler. Feu clic a la configuració per triar el temps d'espera de la sessió i controlar la mida.

Podem crear l’error fent clic al botó Notifiqueu una opció d'error , tal com hem comentat a la secció anterior de proves web. Ara mireu el menú del kit d'eines web, que té algunes opcions més per fer funcionar el dispositiu de manera factible i provar l'aplicació.

Feu clic al botó Opció Gira el dispositiu per girar el dispositiu horitzontalment o verticalment. Feu clic al botó instal·lar l'aplicació per instal·lar la nova aplicació. Feu clic al botó matar aplicació només per tancar l'aplicació i no el dispositiu. Fer clic a Canviar d'idioma per canviar l'idioma de prova. Fer clic a informació del dispositiu per comprovar la informació completa del dispositiu.

Proves d

Comparació de les proves BrowserStack sobre proves reals de dispositius

Proves de pila del navegador Proves de dispositius reals
Econòmic: Podem provar l'aplicació en un sol dispositiu canviant els diferents dispositius i navegadors. No econòmic: Cal comprar tots els dispositius disponibles al mercat per provar-los.
Molt flexible: Podem fer proves entre navegadors i proves d’aplicacions mòbils en una sola plataforma.Necessito portar diversos dispositius allà on anem.
No cal comprar la llicència del sistema operatiu.Cal comprar una llicència del sistema operatiu.
Ràpid: No cal esperar per carregar el sistema operatiu i els navegadors. Lent: Cal esperar per carregar el sistema operatiu i els navegadors.
No cal utilitzar màquines virtuals.Hem d’utilitzar màquines virtuals.

Automatitzeu el lloc web mitjançant scripts Selenium

Escrivim els scripts Selenium i fem proves d'automatització a la pila del navegador. Descarregueu i instal·leu la versió més recent de Java. Descarregueu i instal·leu la versió més recent d'Eclipse o d'un altre IDE.

Hem d’obtenir el nom d’usuari i la clau d’accés de la pila del navegador. Per obtenir-ho, inicieu la sessió amb les credencials del navegador, aneu a productes i feu clic a Automatitzar . Observeu el nom d’usuari i la clau d’accés a la part esquerra. Anoteu el nom d’usuari i la contrasenya.

Automatitzar mitjançant Selenium Scripts

Obriu l'IDE Eclipse. Creeu el projecte Java, creeu el paquet, creeu el fitxer de classe i afegiu tots els fitxers jar Selenium necessaris al projecte. Escriviu les variables del nom d’usuari i de la clau d’accés. Passeu l'URL, el nom d'usuari i la contrasenya. Utilitzeu anotacions. Creeu el mètode.

Establiu les funcions desitjades per veure els registres. Estem establint les funcions desitjades per dir-ho al controlador web, per triar el sistema operatiu, el navegador i la versió del navegador esmentats. Creeu l'objecte per al controlador web i obteniu l'URL per obrir el lloc web. Escriviu les ordres implícites d'espera per esperar fins al llançament de l'aplicació.

Escriviu el codi per provar ordres com ara Obtén l'URL, per comprovar l'URL esperat mitjançant l'afirmació i altres funcions com, feu clic, navega, introduïu dades i molt més

Executeu l'script. Observeu la pestanya automatitzar. Consulteu el registre de proves de tots els passos de la prova i consulteu els registres visuals per veure les captures de pantalla del lloc web. Observeu els registres de consola i els registres de xarxa per obtenir més informació.

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

Avantatges de les proves BrowserStack

  1. Podem provar tots els principals navegadors des d’un sol punt de control.
  2. Podem provar la compatibilitat de la versió anterior / anterior dels navegadors.
  3. Admet proves manuals i d'automatització.
  4. Podem provar tots els dispositius i navegadors disponibles actualment al mercat.
  5. Podem provar l'aplicació en diferents resolucions.

Desavantatges de la prova de BrowserStack

  1. El temps de resposta no és tan bo com una màquina virtual instal·lada localment.
  2. La pila del navegador no és de codi obert.
  3. Alguns errors que podem trobar en dispositius reals no es poden identificar.

Conclusió

Mitjançant BrowserStack podem realitzar proves completes sense les dependències d’instal·lar cap màquina virtual. La pila del navegador és més flexible i fiable per provar i, de fet, estalvia diners i temps.

És com un gran sostre per a tots els dispositius, sistemes operatius, navegadors i tots amb versions diferents. Per tant, podem provar tot tipus d’aplicacions amb Browser Stack.

La pila del navegador es pot executar en més de 200 navegadors i en 40 dispositius mòbils. Pot executar proves en un servei al núvol. No és una plataforma de codi obert. Cal pagar per comprar la llicència en funció del pla que feu i de la prova que vulgueu fer.

Ja heu utilitzat BrowserStack? Si no, esteu a punt per provar-ho avui?

Lectura recomanada

^