Какво е тестване на кръстосани браузъри и как да се извърши: Пълно ръководство

what is cross browser testing

Пълно ръководство за начинаещи за тестване на различни браузъри:

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

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

Обзалагам се, че това се е случило на всички вас, нали?

Винаги си мисля „защо не се сетих за това?“ Но повярвайте ми, с течение на времето осъзнах, че не съм виновен; просто уебсайтът не е тестван задълбочено по отношение на тестването на съвместимост между браузърите и като краен потребител току-що открих грешка.

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

• Въведение
• Какво е тестване на кръстосани браузъри?
• Защо се изпълнява?
• Кой извършва това тестване?
• Как да извършите тестване на кръстосани браузъри?
• Препоръчани инструменти
  • # 1) LambdaTest
  • # 2) CrossBrowserTesting
• Кога да започнете това тестване?
• Какво да тествате?
• Да обобщим „как“ да тестваме различни браузъри
• Кога е най-доброто време да направите това?
• Заключение
• Препоръчително четене

Въведение

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

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

Например , както е показано по-долу, грешките във формулярите за регистрация не са еднакви и в двата браузъра. Освен това цветът на текста, шрифтът и т.н. също са различни, ако ги разгледате отблизо.

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

Потребителите не трябва да бъдат ограничени да използват някакъв конкретен браузър за достъп до вашето приложение. Поради това става необходимо да тествате съвместимостта на уебсайта си с различни браузъри. Някои от често използваните браузъри включват Chrome, Safari, Firefox, Internet Explorer и др.

Това е основната история, обзалагам се, че всички сте разбрали темата на днешната дискусия - Тестване на различни браузъри.

Както е общата практика в STH, ще се съсредоточим върху основите. Ние вярваме, че всяка концепция ще има смисъл в света, когато зададем основните въпросителни думи около като- „Какво, защо, как, кой, кога, къде“.

Нека правим точно това, докато вървим.

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

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

# две) Това е приложимо и за двете Уеб и мобилни приложения .

# 3) Какви видове приложения се подлагат на това? - Приложенията, насочени към клиентите, са най-добрият избор. На този етап може да се чудите: „Не са ли всички приложения насочени към клиентите?“ Е да. Те са. Нека обаче разгледаме един пример.

Приложение 1: Приложение, разработено за компания, която да следи вътрешно инвентара си
Приложение 2: Това е за крайните потребители да купуват продукти от тази компания

• Очевидно е, че най-добрата идея би била да тествате приложение 2 за тестване на съвместимостта на браузъра, тъй като е невъзможно да се контролира какви браузъри / платформи / версии ще използва крайният потребител.
• От друга страна, ако всички вътрешни за компанията компютри използват машини с Windows 8 с браузър Chrome - тогава няма нужда да търсите или тествате нещо друго по отношение на Приложение 1.

Защо се изпълнява?

В този смисъл защо се прави каквото и да е тестване?

• За да знаете какво не е наред и да можете да го поправите.
• За да се подобри ефективността и потребителското изживяване и по този начин бизнесът.
• За да бъдете информирани за всички възможни клопки

Но по-конкретно, ако мислим: Какво е предназначението на тестване на различни браузъри? - Това е двойно.

1. Предаването или външният вид на страницата в различни браузъри - еднакво ли е, различно ли е, ако единият е по-добър от другия и т.н.
2. Функционалността и работата на нея. (Разбира се!)

Кой извършва това тестване?

• Мислите ли си, „Има милион браузъри, версии и платформи - кои да избера?“ - Това, за щастие, не е решение, което е отговорност на изпитателя. Клиентът, екипът за бизнес анализ и маркетинговите екипи имат основна роля в това решение. Също така компаниите събират статистически данни за използването / трафика, за да стеснят кои браузъри, среда и устройства се използват най-вече.
• Целият екип на проекта трябва да има инвестиран интерес, време, пари и инфраструктура, за да подкрепи това начинание.
• Екипът на QA може да участва в този процес или може да е дизайнерският екип, който иска да знае как приложението работи в множество браузъри.
• Независимо дали се извършва от QA или друг екип - резултатите се интерпретират от екипите за проектиране и разработка и се правят съответните промени.

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

Сега говорим!

Първо най-напред - прави ли се ръчно или с помощта на инструмент?

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

Ръчен метод

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

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

Освен това ръчното извършване на проверка в различни браузъри също е скъпо и отнема много време.

Автоматизиран метод

Тестването на различни браузъри всъщност изпълнява един и същ набор от тестови случаи няколко пъти в различни браузъри.

най-добрият софтуер за актуализация на драйвери windows 10

Този тип повтарящи се задачи са най-подходящи за автоматизация. По този начин е по-ефективно от гледна точка на разходите и времето да се извърши това тестване с помощта на инструменти.

Така че на пазара се предлагат много инструменти за улесняване на това.

Инструментите ни помагат с едно или повече или всички от следните, в зависимост от самия инструмент и типовете лицензиране:

1. Те осигуряват VPN (виртуална частна машина), с която можете да се свържете с отдалечени машини и да проверите работата и предаването на вашите JAVA, AJAX, HTML, Flash и други страници. Повечето от тях са защитени, но тъй като изпращате информацията си на трета страна, препоръчва се определен анализ по преценка.
2. Предоставят се екранни снимки за изпратените страници и връзки за това как те се появяват в множество браузъри. Това, разбира се, е статично.
3. Множество браузъри се синхронизират по отношение на операциите, извършени върху един и резултатите се представят в браузър.
4. Показване на предаването на страница с множество резолюции на екрана
5. Когато се срещне проблем, се записва видео или екранни снимки, за да се транспортира проблема за по-нататъшен анализ.
6. Поддръжката обикновено се предлага както за уеб, така и за мобилни приложения
7. Частни страници, които изискват удостоверяване за достъп, също могат да бъдат тествани
8. Локално, в рамките на частна мрежа / страници на защитна стена, също може да бъде тествано

Препоръчани инструменти

# 1) LambdaTest

LambdaTest е базирана в облак платформа за тестване на различни браузъри, използваща кой потребител може да извършва автоматизирано и ръчно тестване на съвместимостта на своя уебсайт или уеб приложение на комбинация от 2000+ различни браузъра и операционната система.

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

# 2) CrossBrowserTesting

CrossBrowserTesting се предоставя от компанията, наречена SmartBear. CrossBrowserTesting ви позволява да направите всяко уеб изживяване перфектно на всеки браузър или мобилно устройство с тяхната лаборатория за реални устройства, базирана на облак. Откажете се от виртуалните машини и лабораторията на устройството. Лесно стартирайте ръчни, визуални и селенови тестове в облака на 2050+ реални настолни и мобилни браузъри.

Търсите ли да ускорите тестването си като нетехнически потребител? Вижте тяхната функция Record & Replay, която ви позволява да запишете тест на живо и да изпълните паралелно записания тест.

# 3) Селен

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

# 4) BrowserStack

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

# 5) Браузър

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

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

=> Допълнително четене: Пълен списък на инструментите за тестване на различни браузъри

Кога да започнете това тестване?

Времето за стартиране на теста за кръстосани браузъри зависи изцяло от вашата методология на тестване и вашата хронология на тестване.

Този тест може да се извърши:

# 1) При първа възможност:

как да напиша тестови случаи за уеб приложение с пример

Започнете това тестване, дори когато една страница е готова за тестване.

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

# 2) Когато заявлението е завършено:

Започнете това тестване, когато разработката на приложението приключи.

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

# 3) Когато приложението бъде пуснато:

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

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

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

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

В повечето компании продуктовият екип има отделни екипи за функционално и нефункционално тестване. По този начин това тестване трябва да се извърши от екипа (ите), който (и) отговаря (т) за функционалното и нефункционалното тестване на приложението.

За това тестване тестващият се нуждае от браузърите, на които трябва да бъде тествано приложението.

Тези браузъри могат да бъдат предоставени на тестера като:

• Локално инсталиран на машината на тестера.
• Виртуална машина или различни машини, до които тестерът има достъп.
• Инструменти, които предоставят свои собствени браузъри и техните версии за тестване.
• В облак - така че множество тестери да могат да използват браузърите, както и когато е необходимо.

Това тестване е независимо от средите за разполагане. По този начин може да се направи в dev, test, QA или дори производствена среда в зависимост от наличността на приложението във всяка от тези среди.

Какво да тествате?

1. Основна функционалност: Връзки, диалогови прозорци, менюта и т.н.
2. Графичен потребителски интерфейс: Изглед и усещане за приложението.
3. Отговор: Колко добре приложението реагира на действията на потребителя.
4. Производителност: Зареждането на страниците в рамките на разрешения период от време.

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

За да идентифицираме какви прекъсвания на кой браузър и за да коригираме уебсайта, трябва да извършим това тестване. Ако браузърът изобщо не се поддържа, тогава потребителите могат лесно да бъдат информирани за него.

Да обобщим „как“ да тестваме различни браузъри

# 1. Статистиката за трафика помага да се определи кои браузъри да се тестват.

# две. Трябва да се направи подробен анализ на самия AUT (приложение, което се тества), за да се определи кои части на приложението или дали всички те трябва да преминат през това. Препоръчително е всичко да бъде тествано в множество браузъри, но отново трябва да се имат предвид разходите и времето. Добра стратегия е да извършите 100% тестване на един браузър на платформа, а за другата просто да тествате най-критичната / широко използвана функционалност.

# 3. След като бъде взето решението „Какво“ да се тества и „Къде (браузъри)“ - трябва да се вземат решения за инфраструктурата - придобиваме ли инструменти или изпълняваме това ръчно и т.н. Отново трябва да се вземе предвид цената. Жизнеспособност, рискове, опасения за сигурността, хора, които да бъдат замесени, време, критерии за приемане, графици / процес за отстраняване на дефекти - малко са нещата, които трябва да бъдат разгледани.

# 4. Извършете тестването. Редовните тестове за функционални тестове могат да се използват при валидиране на ефективността на системата. Не са необходими тестови случаи за разглеждане и предаване.

Операцията, за която говорих в началото на тази статия и която се провали за мен, беше онлайн банков превод. Влязох в банковата си сметка, избрах сумата за превод като около един лак и се опитах да извърша превода и се появи грешка в сървлета, независимо колко пъти се опитах.

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

1. Влезте в онлайн банковата сметка
2. Изберете акаунта, от който да се извърши прехвърлянето
3. Въведете сумата на превода: 100 000
4. Изберете получател и кликнете върху „Прехвърляне“
5. Очакван резултат: Прехвърлянето трябва да бъде успешно
6. Това просто ще се изпълни във всички избрани браузъри.

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

# 5. Докладвайте резултатите обратно на проектантския екип, ако те не са участвали в процеса на тестване. Следва промяна.

Кога е най-доброто време да направите това?

Всяко тестване носи най-добрите ползи, когато е направено рано. Следователно препоръката в бранша е да започнете с нея веднага щом са налични дизайните на страниците.

Но може да се извърши и когато сайтът е напълно интегриран и функционален.

Ако сте пропуснали шината при извършване на теста за кръстосани браузъри по време на фазите на проектиране, разработване и QA, това все още може да се направи, докато приложението е в процес на производство. Това обаче е най-скъпото и рисковано.

Къде се извършва тестване за съвместимост на браузъра?

Обикновено отговорът на този въпрос би бил един от- Dev / QA / производствени среди . Но за проверка в различни браузъри това не е категорично и без значение (ако мога да кажа така). Може да се направи във всеки един или всички.

Заключение

Няколко точки за отбелязване,

• След като съм преподавател по QA от известно време, мога да разбера какво предстои и това е въпросът, функционално и нефункционално тестване ли е? Мисля, че не е нито едното, нито другото.
• Също така не трябва да се бърка с Крос-платформа тестване, което тества вашето приложение в множество целеви среди като Windows, Linux, Mac и др. Въпреки че понякога двете трябва да се интегрират заедно, тъй като някои от по-старите версии на браузъра може да са съвместими само със старите версии на платформите.
• Също така продължава да се обработва, тъй като софтуерните среди, браузърите и устройствата се развиват всеки ден и за да се гарантира, че няма неприятни изненади, това тестване на браузъра трябва да бъде добавено към репертоара на регресионните пакети.

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

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

Поправянето на грешки е рентабилно през ранните етапи на жизнения цикъл на разработката и същото важи и за дефектите, открити като част от това тестване.

Това тестване помага за подобряване на вашия бизнес, което от своя страна води до щастливи клиенти, щастливи !!

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

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

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

• Алфа тестване и бета тестване (Пълно ръководство)
• Пълно ръководство за тестване за проверка на компилация (BVT тестване)
• Функционално тестване срещу нефункционално тестване
• Най-добри инструменти за тестване на софтуер 2021 г. (Инструменти за автоматизация на QA теста)
• Видове тестване на софтуер: Различни видове тестване с подробности
• Урок за QA на Parrot: Преглед на инструмента за функционално тестване на различни браузъри
• Урок за тестване на хранилище на данни за ETL (Пълно ръководство)
• Топ 10 инструменти за тестване на различни браузъри през 2021 г. (най-новото класиране)