Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 30
×

Кроссбраузерность и тестирование

Друзья, добрый день! Я Junior QA. Очень прошу пролить свет немного на кроссбраузерность. Если возможно пролить свет на этот тип багов (примеры были бы кстати).

Тестирую сайт WEB с ПК. Открываю в последних версиях MF, Safari, GC, Opera. Открываю сайт и встречаю те же ошибки в любых браузерах: налазит картинка, смещение букв и т.п. Уменьшаю разрешение — опять проблемы с текстом и это в каждом из браузеров.

То есть это не баг кроссбраузерности, а баг верстки? Баг кроссбраузерности это когда мы открываем в одном разрешении в разных версиях браузеров и содержимое страницы должно отличаться? А открытие с разных осей, это уже не кроссбраузерность, а кроссплатформеность? Объясните, пожалуйста, немного и, если возможно, приведите примеры. Буду очень-очень благодарен!

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Ребят, большое спасибо!!! Очень помогло!!!

Баг кроссбраузерности это когда мы открываем в одном разрешении в разных версиях браузеров и содержимое страницы должно отличаться?
Да. Для того, чтобы понять, зачем это нужно, погугли acid test.
Если коротко, браузеры могут иметь свои особенности рендеринга страниц и поддержки различных плюшек. Например, IE8 не поддерживает argb вывод, а только rgb ну и так далее. Есть определённые моменты с работой jscript и xpath в разных версиях браузеров.
Для проведения таких тестов необходимо иметь полный список браузеров и версий, для которых поддержка гарантируется. Например, если это внутренняя аппликуха, и у всех пользователей установлен chrome — нет смысла тестировать на IE. Добавляется лишняя головная боль, но не добавляется профит. С другой стороны, если эта аппликуха — публичная, неплохо было бы иметь статистику браузеров, для которых она использовалась, например, за последние полгода. Если мы видим, что хром юзало 1% пользователей и нам они не особо нужны — проще написать на тайтле страницы, что мы не гарантируем работоспособность на данном браузере (естессно, если заказчик согласен), нежели проводить полноценный цикл тестирования.
Ещё момент: кросс-браузерность, если её понимать нормально, требует немалых трудовложений, если тестить вручную.Гораздо выгоднее данный вид тестирования автоматизировать методом создания пачки виртуалок с установленной соответствующей версией браузера и прогонов одинаковых наборов автотестов на данных виртуалках.

Улыбнуло что IE забыл)
Хотя опять таки, все зависит от доков и стратегии.
Вот кросс был бы если бы в IE не запускалось видео, а с остальными браузерами все ок, ну как-то так. Главное тести то, что актуально и что необходимо на данном этапе.

Есть еще целый набор граблей которые возникают при взаимодействии сайта (браузера+HTML+CSS) c функциональностью сервера. Например — Safari не поддерживает websockets транспорт по умолчанию, в ИЕ9 поддерживается только транспорт callback-pulling. Если у сайта функциональность хоть немного выходит за рамки простейшего магазина — Opera может создать кучу проблем (сталкивался в версиях 12 и 11).

Для того, чтобы что-то тестировать, нужно понимать, как это работает.

Вам нужно хотя бы на базовом уровне быть знакомым с версткой (хтмл/цсс) и понимать какие свойства на что влияют.

habrahabr.ru/...is/blog/246831
www.browserstack.com
www.vandelaydesign.com/...design-testing

Еще не забудь б-гомерзкий IE добавить)

проблемы с текстом и это в каждом из браузеров
Похоже что неправильно сверстали.
Тестеру помимо «открыть во всем сразу» желательно еще бы понимать основы верстки. Если там флоатнули картинку влево размерами 400×400, а отступ блока текста сделали 300пикс и ессно начало налазить — то это не проблема браузеров.

Есть еще приколы с рендерингом, например chrome android и chrome desktop отрисовывают элементы текста по-разному, мобильный рисует текст на пару пикселов ниже.

пример: открой любой сайт в ие8 и хроме)

з.ы для ие8-10 поставь вируталки=\ ну или browserstack

Підписатись на коментарі