Автозаполнение форм: Автозаполнение форм. Справка — Эксперт — интернет-магазин электроники и бытовой техники

Содержание

Топ-3 плагина для автозаполнения полей / Хабр

Введение

Сегодня я расскажу про плагины браузера, которые помогают быстро заполнить поля тестируемой формы. Рассказ также доступен в виде видео. Мой топ-3:

3 место — Bug magnet
- О плагине
- Как использовать
- Плюсы
- Минусы
2 место — Web developer toolbar
- О плагине
- Как использовать
- Плюсы
- Минусы
1 место — Fake Filler
- О плагине
- Как использовать
- Плюсы
- Минусы
Итого

Применять плагины мы будем на бесплатной системе Users.

Если авторизоваться в системе, можно добавить новую компанию. Из обязательных полей только «название» и «тип», но есть еще 6 дополнительных — ИНН, ОГРН, КПП, телефон, адрес, сотрудники.

Форма создания компании в Users

Для тестирования обычно нужно иметь хотя бы одну полностью заполненную карточку. И именно это вызывает тоску — сидеть и прописывать все поля формы. Даже когда все эти поля — простые строки, всё равно скучно. А уж если они ещё и с ограничениями…

Вот, например, правила формирования ИНН и КПП. Иногда система даже контрольные суммы выверяет, там просто “123” не введешь! В Users проверка проще, только по количеству цифр, но “123” или “ааа” тоже не прокатит =)

Получается, что при заполнении карточки нужно включать мозг и писать значения осознанно. Это интересно делать один раз, а потом — нудная рутина. Рутину лучше автоматизировать. В users это даже несложно, можно сохранить в postman запрос на создание и заполнение всех полей.

Но эта статья не про автоматизацию, а про плагины. Я уверена, что их сильно больше, чем описано тут. Но чем больше выбор, тем он сложнее. Так что я дам свой топ-3, а дальше уже сами выбирайте))

Заполнять будем форму создания компании в Users и форму создания пользователя. Она еще хардкорнее, там 20 полей!

Форма создания пользователя в Users

Ну что, давайте сравнивать плагины!

3 место — Bug magnet

О плагине

Ссылка — https://bugmagnet. org/ (Chrome или Firefox)

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

Но зато в плагине есть куча разных типов полей:

Плагин Bug magnet

Мне больше всего нравятся:

email — наиболее используемое поле, имхо. Не надо заморачиваться, придумывать корректный емейл. Выбрал из менюшки и доволен. Можно выбирать как среди валидных, так и среди невалидных вариантов.
format exploits — позволяет новичку провести простейшие проверки на уязвимость

А еще можно просто раскрыть список предлагаемых проверок — и вуаля, у вас уже есть набросок чек-листа для вашего поля!

Авторы пишут, что собрали типичные граничные значения в своих проверочных данных. Да, если присмотреться к Numbers и Text Size, мы увидим там как типовые значения, так и попытки выйти за стандартные границы.

Как использовать

Устанавливаете плагин.
Тыкаете правой кнопкой на любое поле, куда можно вводить данные.
Выбираете пункт «Bug Magnet».
Выбираете подходящее поле
Выбираете нужное значение.
Повторяете для следующего поля пункты 2-5.

Профит!

Создание компании

Начнем пробовать с формы создания компаний в Users. Та-а-а-ак, название компании.. Ну, это просто строка. Подставим кириллицу:

Bug Magnet → Lorems (имитация нормального текста, с пробелами и тд*) → Cyrillic

Заполняем название компании кириллицей

_{* Lorem ipsum}_{_{— текстовая болванка, применяется в типографике для шаблонов верстки. Там кусок псевдолатыни, начинается как lorem ipsum, оттуда и пошло.}}

Поле заполнилось кучей русских слов с пробелами:

Результат работы плагина — кириллический текст с пробелами

Отлично. Едем дальше. ИНН — это явно число, ищем в numbers.

Bug Magnet → Numbers → (любое значение)

В ИНН подставим число

Система предлагает разные числа, которые чисто теоретически могут нашу форму сломать. Поэтому в одно поле подставим одно “бажное число”, в другое другое и т.д.

Выбрали ИНН, переходим к следующему полю. Смотрим, что это за поле, прикидываем, где искать значение для него, выбираем, переходим к следующему… Повторить N раз =)

И вот мы заполнили все поля, нажимаем «сохранить». Но увы, получаем ошибку:

Поле ИНН должно состоять из 12 цифр

Ошибка при сохранении карточки

То есть «любое число» здесь не подойдет. А вот ИНН, да еще русского, в плагинчике нету, так что исправляем вручную. И снова пытаемся сохранить, и снова ошибка:

Поле ОГРН должно состоять из 13 цифр

Теперь ошибка в ОГРН

Исправляем, сохраняем. Теперь ошибка в КПП:

Поле КПП должно состоять из 9 символов

Исправляем, сохраняем — ура! Компания создана! Фух, справились! Плагин помог, но не сильно ускорил заполнение.

Создание пользователя

При создании пользователя плагин уже интереснее, потому что в нем есть имена и email-ы. Правда, имена нерусские, а вот с email-ом bug magnet поможет — подскажет, что именно можно проверить. Какие валидные и невалидные тесты можно провести.

Вот вы можете сходу накидать десяток разных тестов на валидный email? А на невалидный? Нет? Тогда вам точно стоит установить плагинчик. Он как минимум даст вам идеи для чек-листа.

И в этом его мощь. Его можно использовать именно как подсказку «а что еще можно тут проверить?». Даже если вы тестируете мобильное или десктоп приложение, вы просто открываете в вебе любую страничку, хоть google, ставите в любое поле курсор и смотрите, что вообще плагин предлагает проверить для того или иного поля.

Для текстовых полей у плагина много идей:

разный алфавит
разный размер текста
пробелы в тексте (например, лидирующие, делается ли trim?)
спецсимволы
простейшие уязвимости

В форме создания пользователя куча текстовых полей — увлечения, имя кошечки, собачки… В одно поле подставим длинный текст, в другое unicode, в третье лидирующий пробел. Перепробуем разные варианты!

Заполним все поля разными значениями

Пытаемся сохранить, вылезает ошибка:

Слишком длинное поле name1

Увы, ошибка

Но стойте. Все поля очистились!

При неправильном вводе система очистила ВСЕ поля!

Это косяк разработчика — он обновляет страницу при ошибке, не сохраняя введенные данные. Такое поведение сейчас редко где встретишь, но всякое бывает. А для пользователя это #жизньболь. Да и для тестировщика тоже, если он старался и придумывал для каждого поля какое-то своё значение.

В идеале нужно ставить баг или улучшение. И исправлять такое поведение. Но… Работаем с тем, что имеем. Может, баг такой стоит, просто в версии «исправим когда-нибудь».

В любом случае, для создания пользователя нам нужно снова заполнять 20 полей формы. Чтобы потом наткнуться на ограничение в другом поле. И снова заполнять всю форму… И снова, и снова…

При этом помните, что мы заполняем каждое поле в отдельности, делая 4 действия:

ПКМ (правая кнопка мыши) → Bug Magnet → Lorems (выбираем основной пункт) → Cyrillic (выбираем значение для этого пункта)

А для email действий будет 5:

ПКМ → Bug Magnet → email → valid → with plus

Итого получаем 20 полей на 4 действия в каждом… Унылость и тлен! Поэтому этот плагин у меня на 3 месте именно как плагин для автозаполнения полей. Его можно использовать таким образом, но это интересно только в первый раз.

Плюсы

1. Подсказывает тесты — что еще можно проверить для числа или email? Может быть как чит-лист для новичков.

Его очень интересно хотя бы 1 раз изучить, посмотреть, что мы можем вводить — какие бывают имена, как тестировать длину поля… Напишите свой чек-лист для емейла, а потом сравните с тем, что предлагает плагинчик. Вот вам и новые идеи!

2. Много разных типов полей внутри — имена, email, числа, цены, кредитки… Даже format exploit есть! Отличная штука для новичка.

Минусы

1. Надо заполнять каждое поле отдельно, причем в 4 клика — это долго…

2. Данные нерусские — отметаем имена, адреса, кредитки… Хотя полезное всё равно остается

3. Не учитывает ограничения, наложенные на поле в js — ты ведь сам подбираешь значение под поле. Всё равно надо включать мозг при заполнении полей (а не хочется)

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