Меню

Урок за Browserstack: Платформа за тестване на приложения и браузъри (GUIDE)

  • Основен
  • Други
  • Урок за Browserstack: Платформа за тестване на приложения и браузъри (GUIDE)

browserstack tutorial

Опитайте Нашия Инструмент За Премахване На Проблемите

Научете как да използвате мобилното приложение Browserstack и платформата за тестване на различни браузъри в този подробен урок за практически браузър:

BrowserStack е тестовата платформа за тестване на уебсайтове и мобилни приложения.

Можем да тестваме уеб приложение в множество браузъри и мобилни приложения във всички мобилни устройства без виртуални машини, устройства и емулатори.

Когато става въпрос за мобилно приложение, можем да тестваме мобилните приложения за Android и iOS.

Урок за BrowserStack

Какво ще научите:

Какво е BrowserStack?

Browser Stack е инструмент за тестване, базиран на облак. Използвайки този инструмент, разработчиците и тестерите могат да извършват кръстосано тестване на различни уеб и мобилни приложения в различни уеб браузъри.

Какво е тестване на кръстосани браузъри?

Кръстосаното тестване е функционално тестване. Извършваме това тестване, за да проверим дали приложението работи според очакванията или не в различни уеб браузъри за различните операционни системи. Тук можем да стартираме тестовите случаи ръчно или като правим автоматизация, като посочим различните браузъри в скриптовете за автоматизация.

Предложено четене => Ръководство за начинаещи за тестване на различни браузъри

Защо BrowserStack?

В реално време е трудно да се тества приложение в различни браузъри, използващи множество операционни системи, с различни версии.

Закупуването на много компютърни машини за инсталиране на различни операционни системи ще струва много. Още по-трудно е да закупите всички мобилни устройства за android и iOS, които се предлагат на пазара днес. Поради тази причина не е практично да купувате и настройвате всички устройства.

По този начин ние използваме BrowserStack, за да избегнем сложността на превключването между операционните системи, браузърите и различните версии.

Що се отнася до тестването на мобилни приложения, можем да избегнем закупуването на всички налични днес мобилни устройства. Browser Stack е много гъвкав и мащабируем. Можем да тестваме навсякъде и по всяко време с помощта на Browser Stack.

Можем да използваме Browser Stack като отдалечена лаборатория и можем да го използваме като Real Desktop Browsers. Той ни дава безплатни Javascript модулни тестове и поддържа 750 конфигурации. Не е необходима настройка за използване на браузърния стек. Можем да го използваме директно на всяка независима машина, като използваме URL адреса на стека на браузъра и неговите идентификационни данни за вход.

Начална страница на BrowserStack

История на BrowserStack

BrowserStack е основан от Ritesh Arora и Nakul Aggarwal в Мумбай, Индия през 2011 г. Той има около 25000 платени потребители и 2000000 регистрирани потребители в 135 държави. Сега много компании разчитат на Browser Stack за тестване на уеб и мобилни приложения.

Характеристики на BrowserStack

  • Тестване на различни браузъри с различни браузъри на различни операционни системи.
  • Тестване на собствено приложение на мобилни устройства.
  • Тестване на хибридно приложение.
  • Автоматизирайте уеб и мобилни приложения.

Тестване на уеб приложението

# 1) Регистрирайте се с BrowserStack.

Регистрация BrowserStack

# две) Влезте във вашия акаунт.

Влизам

# 3) Изберете интерактивната опция за тестване на различни браузъри от падащото меню на продуктите.

интерактивен кръстосан браузър на живо

# 4 ) Ще видите списъка с ОС в лявата част на страницата. Имаме android, iOS, windows phone, windows 10, windows 8, Windows XP, Mac и много други.

Изберете операционната система

# 5) Изберете всяка операционна система от списъка. Ще можете да видите списък с браузъри с различни версии. Можем да видим браузъри като chrome, Mozilla Firefox, IE, opera, safari и др. С различни версии като Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 и т.н.

Списък на браузъра с версия

# 6) Изберете конкретен браузър от която и да е версия. Браузърът ще бъде отворен. Въведете URL адреса на приложението. Започнете да тествате приложението по същия начин, по който го правите в реалните системни браузъри.

Въведете URL на приложението

Използване на ключови функции на стека на браузъра, докато тествате приложението

Ако искате да изберете друг браузър, щракнете върху опцията за превключване на браузъра. Това ще ви отведе до екрана на таблото за управление, където можете да изберете другия браузър за тестване.

Ако искате да тествате приложението с различна резолюция, щракнете върху иконата за резолюция, където ще се появи списък с наличната резолюция, можете да изберете необходимата и да продължите с тестването.

След като приключите с тестването в определен браузър, щракнете върху сесията Stop и ще ви отведе до екрана на таблото за управление.

Ключова функция - Превключване на браузъра

Създаване на грешка от BrowserStack

Кликнете върху Докладвайте опция за грешка . Ще видите поле за опции, за да подчертаете проблема на страницата. Можете да подчертаете проблема, като използвате различни опции като правоъгълник, кръг, молив и т.н.

В допълнение към това можете да видите режима на опция за докладване на грешка, като например къде искате да докладвате за грешка, като използвате Jira, Trello, GitHub, Slack или чрез имейла или ако искате да изтеглите страницата с проблема и т.н. По този начин можете да изберете всяка опция от горния списък и да продължите по-нататък, за да докладвате за грешка.

Създаване на грешки

c ++ списък за съседство на графика

Тестване на мобилното приложение в мобилни браузъри

Изберете интерактивната опция за тестване на различни браузъри от падащото меню на продуктите. Ще видите списъка с ОС в лявата част на страницата. Кликнете върху опцията за android от този списък. Можете да видите списъка с устройства с Android като Samsung, Motorola, Google, one plus и т.н.

Преместете курсора на мишката върху устройството, което искате да тествате и ще можете да видите браузърите като chrome, Mozilla Firefox, Safari, UC браузър и др. Изберете браузъра и избраният браузър ще се отвори.

Мобилно приложение - Изберете браузъра

Въведете URL адреса на приложението и започнете да тествате как го правите в реалния системен браузър.

Тестване на собствено мобилно приложение в BrowserStack

Регистрирайте се в акаунта в браузъра и влезте с него. Избери App Live - Интерактивно тестване на родни и хибридни приложения опция от падащото меню продукти.

Тестване на собствено приложение

Ще видите 3-те основни раздела там, т.е.за да качите приложението, списък с устройства с Android и списък с устройства с iOS.

Качени приложения

Качване на приложението

Кликнете върху бутона за качване на приложение и ще се отвори диалогов прозорец на системата.

Отидете в папката с приложения, изберете приложението, което искате да тествате и приложението ще бъде качено успешно. Ще можете да видите приложението в секцията за качени приложения. Там можем да качваме приложенията с размер до 500 MB.

Можем да качим приложението и по други начини. Избери Опция за интерактивно приложение на приложението Live Live и хибридно приложение от падащото меню на продуктите и изберете раздела за истинско устройство за Android или истинско устройство за iOS.

Изберете всяко устройство и то ще се отвори. Кликнете върху магазина за игра. Влезте с акаунта и потърсете приложението, което искате да тествате. Изтеглете и инсталирайте приложението и започнете да тествате приложението.

По същия начин можем да качваме приложенията по много други начини, т.е.синхронизирайки се с центъра за приложения, чрез синхронизиране с hockeyapp, чрез инсталиране с testflight, чрез инсталиране в магазина за приложения или чрез инсталиране в магазина за игра.

Изтриване на приложението

Кликнете върху иконата за изтриване и ще видите квадратчето за отметка във всяко приложение. Поставете отметка в квадратчето и кликнете върху връзката за изтриване и тя ще изтрие каченото приложение автоматично след приключване на 60 дни от датата на качване.

Сега наблюдавайте раздела за реални устройства на Android, щракнете върху него и ще видите списъка с устройства с Android като Samsung, Motorola, Google, one plus и др. С различни модели устройства. Можете да видите версията на операционната система и размера на екрана във всеки модел.

Версия на ОС

Сега наблюдавайте раздела за реални устройства на iOS и щракнете върху него, ще видите списъка с iOS устройства като iPhone и iPad с различни модели устройства. Можете да видите версията на операционната система и размера на екрана във всеки модел.

iOS реални устройства

Кликнете върху всяко устройство с Android или iOS за тестване. Конкретното устройство ще бъде отворено и приложението ще се стартира. Започнете да тествате как се справяте в реалното устройство.

Изберете iOS устройство

Използване на ключови функции на стека на браузъра по време на тестване на собствено приложение

Щракнете върху опцията Switch device, ако искате да превключите устройството. Щракнете върху опцията Спиране на сесията, след като приключите с тестването в определено устройство, и то ще премине към страницата на таблото за управление. Кликнете върху настройките, за да изберете времето за изчакване на сесията и размера на монитора.

Можем да създадем грешката, като щракнем върху Докладвайте опция за грешка , точно като това, което обсъдихме в горния раздел за уеб тестване. Сега погледнете менюто на уеб инструментариума, което има още няколко опции, за да управлявате устройството възможно и да тествате приложението.

Щракнете върху Завъртете опцията Device за да завъртите устройството хоризонтално или вертикално. Щракнете върху инсталирай приложението за да инсталирате новото приложение. Щракнете върху приложение за убиване просто да затворите приложението, а не устройството. Кликнете върху Смени езика за промяна на езика за тестване. Кликнете върху информация за устройството за да проверите пълната информация за устройството.

Тестване на собствено приложение

Сравнение на тестване на BrowserStack с реално тестване на устройства

Тестване на стека на браузъра Истинско тестване на устройства
Икономичен: Можем да тестваме приложението на едно устройство, като превключваме различните устройства и браузъри. Не е икономично: Трябва да закупите всички устройства, налични на пазара за тестване.
Много гъвкави: Можем да правим тестване на различни браузъри и мобилни приложения в една платформа.Трябва да носите множество устройства, където и да отидем.
Няма нужда да купувате лиценз за операционна система.Трябва да закупите лиценз за операционна система.
Бърз: Няма нужда да чакате, за да заредите операционната система и браузърите. Бавен: Трябва да изчакате, за да заредите операционната система и браузърите.
Няма нужда да използвате виртуални машини.Трябва да използваме виртуални машини.

Автоматизирайте уебсайта, използвайки скриптове за селен

Нека напишем скриптове Selenium и направим тестване за автоматизация в стека на браузъра. Изтеглете и инсталирайте най-новата версия на Java. Изтеглете и инсталирайте най-новата версия на Eclipse или друга IDE.

Трябва да вземем потребителското име и ключа за достъп от стека на браузъра. За да получите това, влезте с идентификационните данни на браузъра, отидете продукти и кликнете върху Автоматизирайте . Спазвайте потребителското име и клавиша за достъп отляво. Запишете потребителското име и паролата.

Автоматизирайте използването на селенови скриптове

Отворете Eclipse IDE. Създайте проекта Java, създайте пакета, създайте файла на класа и добавете всички необходими файлове от jar на Selenium към проекта. Напишете променливите за потребителското име и ключа за достъп. Предайте URL, потребителско име и парола. Използвайте пояснения. Създайте метода.

Задайте желаните възможности, за да видите дневниците. Задаваме желаните възможности, за да кажем на уеб драйвера, да избере споменатата операционна система, браузър и версия на браузъра. Създайте обекта за уеб драйвера, вземете URL адреса за отваряне на уебсайта. Напишете имплицитни команди за изчакване, за да изчакате до стартирането на приложението.

Напишете кода за команди за тестване като „Вземете URL адреса“, за да проверите очаквания URL адрес, като използвате твърдение и други функции, като щракване, навигация, въвеждане на данни и много други.

Стартирайте скрипта. Наблюдавайте раздела за автоматизиране. Проверете дневника на теста на всички тестови стъпки и вижте визуалните дневници, за да видите екранните снимки на уебсайта. За друга информация наблюдавайте регистрите на конзолата и мрежовите дневници.

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

Предимства на тестването на BrowserStack

  1. Можем да тестваме всички основни браузъри от една контролна точка.
  2. Можем да тестваме съвместимостта на обратната / по-старата версия на браузърите.
  3. Той поддържа ръчно и автоматизирано тестване.
  4. Можем да тестваме всички устройства и браузъри, които в момента се предлагат на пазара.
  5. Можем да тестваме приложението в различни резолюции.

Недостатъци на тестването на BrowserStack

  1. Времето за реакция не е толкова добро, колкото локално инсталираната виртуална машина.
  2. Browser Stack не е с отворен код.
  3. Някои грешки, които можем да открием на реални устройства, не могат да бъдат идентифицирани.

Заключение

Използвайки BrowserStack, можем да извършим цялостно тестване, без да зависим от инсталирането на виртуална машина. Browser Stack е по-гъвкав и надежден за тестване и наистина спестява пари и време.

Това е като един голям покрив за всички устройства, операционни системи, браузъри и всички с различни версии. Следователно можем да тестваме всякакви приложения с браузър стека.

Browser Stack може да работи на над 200 браузъра и над 40 мобилни устройства. Той може да изпълнява тестове на облачна услуга. Това не е платформа с отворен код. Трябва да платите, за да закупите лиценза въз основа на плана, който сте взели, и на теста, който искате да изпълните.

Използвали ли сте BrowserStack вече? Ако не, готови ли сте да опитате днес?

Препоръчително четене

^