May 5, 2020

О поиске багов

Я заметил, что в начале пути у многих возникают проблемы с поиском багов. На приобретение этого навыка у некоторых уходит довольно много времени.

Мне кажется, что этому нельзя обучить. Овладеть этим навыком можно только самостоятельно. Но все-таки, я могу дать некоторые базовые рекомендации и примеры простых багов, которые встречаются довольно часто.

Поиск багов на Android/IOS

Я знаю, что у многих возникают проблемы при поиске багов именно на мобильных платформах, хотя, для меня поиск багов на телефоне наоборот в разы проше, так как сделать сайт таким образом, чтобы он хорошо отображался на смартфоне, труднее, чем для ПК. Этим мы и должны воспользоваться. Большинство моих багов, найденных на смартфоне, так или иначе связаны с тем, что сайт не может подстроится под экран смартфона.

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

На скришнотах видно, что в вертикальном режиме в слайдере все в порядке, текст читабелен, слайдер работает. Но стоит повернуть смартфон в горизонтальный режим и мы сразу заметим, что ценник остался, но текст пропал. Это хороший визуальный баг.


Давайте рассмотрим еще один пример подобного бага. Он находился на сайте https://www.iheart.com/. Обратите внимание на подменю подкаста (три точки). В вертикальном режиме его видно прекрасно и все отлично работает. Но стоит повернуть телефон в горизонтальное положение, и мы увидим как все менюшки пропадают и ничего нет. Может сложиться впечатление, что так и задумано и их там и не должно быть при переключении в горизональный режим. Но это не так.

На третьем скриншоте видно, что при нажатии на ту область, где должно быть меню точки появляются и открывается подменю.


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

Вот еще один яркий пример.

Здесь мы видим окно для входа в профиль. Казалось бы, тут все работает: логин и пароль вводится, можно войти, «забыл пароль» работает и ссылка снизу тоже работает. Но стоит повернуть телефон, как надписи и ссылки пропадают. Тепреь мы пытаемся прокрутить страницу вверх, чтобы дойти до надписи и ссылки, но у нас не получится это сделать, потому что разработчики не продумали это действие и не добавили для этого случая прокрутку.

Подобное может произойти с любым окном, в том числе и меню. Часто бывают случаи, когда стоит только повернуть смартфон и нижние пункты меню не влезают в экран и скрываются внизу, а прокрутки, которая позволит до них добраться - нет. Подводя итог этой темы скажу, что если есть возможность повернуть сайт или приложение в горизонтальное положение, эта возможность должна быть использована на все 100%, абсолютно везде и во всех функциях.

Нерабочие ссылки

Когда я только начинал работать тестировщиком, первыми багами у меня были неработающие ссылки. Хоть эти баги и не так распространены, как баги связанные с горизонтальным режимом, не стоит ими пренебрегать. Зачастую, неработающие ссылки можно встретить в подвале(footer) сайта, то есть в разделах «Privacy policy», «Terms of use» и в подобных. В них много текста и много ссылок, высок шанс, что одна из этих ссылок будет нерабочей. Но принимаются только те нерабочие ссылки, которые ведут на этот же сайт, за исключением таких сайтов как инстаграм, твиттер, фейсбук и т.д. потому что скорее всего это проблема не в сайте куда ведет ссылка(маловероятно, что сайт фейсбука вот так просто упадет), а в самой ссылке. Возможно она не правильная и в ней ошибка.

Помимо привычных нам ссылок с www, проверяйте ссылки с надписями, которые ни куда не ведут, а просто прокручивают страницу до нужного раздела. Обычно их скрывают под словом "here"(здесь).

Выглядит это примерно так:

"To learn more click here"

Отсутствие ошибки

Продолжая тему того, что разработчики готовы не ко всем возможным случаям, надо упомянуть такую часто встречающуюся ошибку в приложениях, как отсутствие ошибки о потери соединения.

Достаточно включить режим полета и открыть приложение. Если оно просто долго грузится или показывает пустой экран, то это баг, и скорее всего его примут. Пример как ведет себя приложение при его запуске без интернета.

Здесь пользователь видит просто пустую страницу. А по-хорошему, он должен видить сообщение, которое информирует его о том, что соединение с интернетом отсутствует.

Пустота

Если в приложении между блоками виден пустой блок другого цвета(иногда не обязательно другого), то возможно это визуальный баг. А появился он из-за того, что разработчики задали блокам определенный размер, и когда блоки вписались под ваш размер экрана, между ними образовалась пустота. Но как понять пустота это или причуда дизайнера? Проверить это просто. Если вы зайдете в соседние разделы и там все будет нормально, т.е. между блоками нет этой полоски, в таком случае это баг.

Вот пример. Здесь видна та самая полоска. Если не знать о подобных багах, либо быть не внимательным, то можно подумать, что здесь все в порядке, ведь выглядит нормально и все работает. Но это визуальный баг, так как в других разделах такого нет.

Как вы уже могли заметить, баги могут находится абсолютно в разных местах. Я считаю, что главное в поиске багов - это внимательность, а уже потом опыт. Потому что не возможно сказать, что надо искать баги именно в определенной части сайта, т.к. абсолютной в любой части может что-то не работать.

Я думаю из всех багов, которые я нашел за всю мою карьеру, повторялись лишь баги связанные с нерабочей ссылкой, с отсутствием прокрутки, со сломанным фильтром поиска и некоторые другие. Всё остальное встречалось в единичном экземпляре.

Сейчас я покажу пример бага, который можно найти только будучи внимательным. Вот фото продукта. Обратите внимание на нижнюю часть фото. А теперь посмотрите на нижнюю часть этого же фото, но уже открытом на весь экран.

Заметили, что нижняя часть фото обрезана?

Итог

Баги могут встречаться в самых разнообразных частях сайта и приложения. Нельзя сказать, где именно необходимо их искать, но я могу посоветовать всегда проверять:

  • Регистрацию и авторизацию
  • Подвал(footer)
  • Ссылки в политике приватности, обратной связи и т.д. То есть в разделах, в которые обычный пользователь очень редко заходит
  • Корзину и все, что с ней связано в интернет магазинах.
  • Горизонтальный режим сайта и приложения
  • Приложения с выключеннным интернетом
  • Любого рода встроенные в сайт плееры и приложения