суббота, 11 июля 2020 г.

Панбагон. HTML-код с div элементом в ошибке о незаполненном адресе

Для портала Testbase я беру картинки отсюда — https://www.iconfinder.com/iconsets/kameleon-free-pack-rounded.

Ищу себе картинку среди бесплатных, не нашла. Решила купить пак. Для покупки надо зачем-то вводить адрес. Казалось бы, зачем??? Мне же ничего не пришлют на почту, это же электронный товар. Решила не заполнять поля с адресом, и огребла ошибку:


Проблема в том, что вместо самого текста «This field is required» мы видим HTML-теги:

<div class="invalid-feedback">This field is required.</div>

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


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

HTML-код с div элементом в ошибке о незаполненном адресе


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

  1. Войти в аккаунт на https://www.iconfinder.com/ (логин test, пароль test)
  2. Положить любой пак в корзину, например, этот.
  3. В корзине нажать «оплатить» не заполнив поля адреса

Результат

Около полей адреса вылезает ошибка:

<div class="invalid-feedback">This field is required.</div>


Прямо с html-тегами.


Ожидаемый результат

Пользователь не видит html-теги, только сам текст: This field is required

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

Помните, что сообщения об ошибка — это тоже документация! И их тоже надо тестировать))

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

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

Комментариев нет:

Отправка комментария