Панбагон. Поплыла верстка в поле одноклассников

Проходила очные курсы приготовления тортиков у Алины Макаровой (курсы, кстати, отличные, рекомендую, напишу чуть позже отзыв во втором блоге). Решила прикупить и онлайн-урок по тортику «Сникерс», очень уж мой муж сникерсы любит 

Захожу на сайт, авторизуюсь через соцсети, изучаю личный кабинет — https://alinamakarova.ru/personal/private/

Прокручиваю вниз, а там вот такая верстка:

Верстка одноклассников

Давайте оформим баг по шаблону:


*******************************************************************

В блоке связывания соцсетей слово «одноклассники» дублируется и выезжает из поля

Шаги для воспроизведения

1. Войти в личный кабинет — https://alinamakarova.ru/personal/private/ (логин ХХХ, пароль 1 <тут мы как тестировщики даем реальные данные, чтобы разработчику не пришлось регистрироваться самому>)
2. Прокрутить страницу вниз до блока объединения соцсетей

Результат
В поле «Одноклассники» текст дублируется и выезжает за пределы поля, см рис «Верстка одноклассников»

Ожидаемый результат
Текст написан один раз, никуда не выезжает, как для других соцсетей

*******************************************************************

Как найти такой баг? Да простым smoke-тестом или при знакомстве с функционалом. Мы обычно не пишем тест-кейсы на то, что "текст никуда не выезжает" (если только речь не о мобильниках, там верстка важнее, так как багов больше), но все равно обращаем на это внимание.

Тестируем связывание соцсетей, мимоходом находим баг верстки ツ
Вот и весь секрет))

См также:

Шаблон бага → использовался в статье

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

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

PS — добавила пост в общую копилку багов.