← Назад к функциям
Pro

Заполнитель форм

Заполнитель форм заполняет каждое видимое поле формы на странице реалистичными тестовыми данными — имя, электронная почта, телефон, адрес, пароль и т. д. Умное обнаружение использует тип поля, имя, идентификатор, автозаполнение и подсказки заполнителя. Связанные поля остаются согласованными (первое + последнее + электронная почта все происходят из одного удостоверения личности). Обрабатывает флажки, переключатели, выбирает и контролируемые React входы.

Ручное заполнение тестовых форм десятки раз во время разработки — это разрушительная трата времени. Заполнитель форм автоматизирует его с реалистично выглядящими данными. При активировании инструмент создает полное поддельное удостоверение личности: имя, фамилию, электронную почту (полученную из имен), имя пользователя, пароль, телефон, полный адрес, день рождения, компанию и веб-сайт. Щелкните заполните все формы и каждый видимый, редактируемый ввод/текстовая область/выбор получает разумное значение. Обнаружение умно — поле с именем «email» или с type="email" получает электронную почту, поле с autocomplete="given-name" получает имя, поле типа date получает дату, числовое поле получает случайное значение в пределах границ min/max. Флажки установлены, группы радиокнопок выбирают первый вариант, выбирают выбирают второй вариант (пропуская типичные заполнители первых вариантов). Критически важно, что значения отправляют React- и Vue-совместимые события input + change, чтобы управляемые компоненты обновлялись правильно — распространенная болезненная точка с наивными заполнителями форм. Создавайте новые удостоверения личности, пропускайте уже заполненные поля, при необходимости автоматически отправляйте и очищайте все назад в пусто.

Предпросмотр в реальном времени
example.com
Заполнитель форм ✓ 11 полей заполнено
Текущая личность
First: Maya
Last: Patel
Phone: (415) 555-0142
Street: 1247 Oak Ave
City: Springfield
ZIP: 94103
Password: Test481!cD
Заполнить все формы Новая личность Очистить поля
Целевая форма (заполнена и подсвечена)
First name
Maya
Last name
Patel
Phone
(415) 555-0142
Address
1247 Oak Ave
City
Springfield
Ключевые особенности

Реалистичные данные удостоверения личности

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

Умное обнаружение поля

Проверяет тип, имя, идентификатор, автозаполнение, заполнитель и aria-label, чтобы выбрать правильное значение — «fname», «given-name», «firstName» все отображаются на имя.

React / Vue совместимо

Использует встроенный сеттер + события ввода/изменения для правильного обновления управляемых компонентов — работает там, где наивный .value = '...' молча не работает.

Поддерживаются все типы полей

Текст, электронная почта, тел, URL, номер, дата, время, цвет, диапазон, пароль, текстовая область, выбор, флажок, радиокнопка — все обрабатываются правильно.

Согласованные связанные поля

Имя, фамилия и электронная почта связаны — заполните один раз и электронная почта — это «[email protected]», а не случайная строка.

Визуальное выделение

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

Типичные сценарии использования

Быстрая разработка форм

Создание потока регистрации? Заполните все формы мгновенно — больше не печатайте «test» «[email protected]» вручную в 40-й раз.

Сквозные пошаговые руководства по QA

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

Тестирование граничных случаев проверки

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

Нагрузочное тестирование отправок форм

В сочетании с автоматической отправкой быстро отправляйте тестовую форму N раз, чтобы провести стресс-тест обработки бэкэнда без скриптов.

Демонстрация интерфейсов

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

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

Откройте заполнитель форм

Щелкните значок заполнителя форм в панели DevSuite Pro. Удостоверение личности создается автоматически и отображается на панели.

2

Просмотрите удостоверение личности (необязательно)

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

3

Настройте параметры

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

4

Щелкните заполните все формы

Каждый видимый ввод на странице получает разумное значение. Тост сообщает, сколько полей было заполнено.

5

Повтор или очистка

Создайте новое удостоверение личности для повторного заполнения с разными данными или щелкните очистить поля, чтобы сбросить форму в пусто.

Готовы попробовать?

Установите DevSuite Pro бесплатно и разблокируйте более 64 инструментов разработчика для вашего браузера.

Добавить в Chrome Добавить в Edge Добавить в FireFox