Мониторинг пользовательского пути: проверяйте интерфейс в браузере

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

Регистрация бесплатная. Эта проверка доступна на тарифе PRO.

Пример проверки

Демонстрационные данные

Вход выполнен, нужный экран не найден

Пример браузерного пути остановился на ожидании элемента после клика.

Результат: Элемент не появился

  1. Открыть /login

    Успешно

  2. Заполнить и нажать

    Успешно

  3. Дождаться профиля

    Элемент не найден

Путь
Вход в кабинет
Шаг
Ожидание профиля
Результат
Элемент не найден

Когда нужен мониторинг пользовательского пути

Вход в кабинет

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

Поиск в каталоге

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

После изменения интерфейса

Смотрите, на каком шаге перестал проходить важный путь. Скриншот помогает сопоставить отказ с текущим экраном.

Короткий путь к проверяемому результату

  1. 1

    Укажите стартовый URL и опишите действия: открыть страницу, кликнуть, заполнить поле или выбрать значение.

  2. 2

    Добавьте ожидание элемента и проверку текста либо текущего URL. Используйте устойчивые CSS-селекторы.

  3. 3

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

Инструкция по настройке

От ответа страницы к действиям посетителя

HTTP 200 показывает получение ответа, но не работу кнопки и формы после запуска JavaScript. Путь выполняется в браузере: открывает URL, взаимодействует с элементами и проверяет ожидаемый текст или адрес. Это позволяет наблюдать интерфейсную границу отдельно от API.

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

Стабильность и безопасные данные

Используйте устойчивые CSS-селекторы, например data-testid, согласованные с командой интерфейса. Случайные классы и текст временного баннера делают проверку хрупкой. После изменения UI обновляйте селекторы и проверяйте, что они находят нужный элемент.

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

Что важно учитывать

  • Автоматический путь не покрывает все браузеры, устройства и ситуации реальных посетителей.
  • Изменение селектора может сломать проверку при рабочем интерфейсе. Поддерживайте сценарий вместе с UI.
  • Скриншот доступен, если удалось сохранить изображение. Отсутствие скриншота не отменяет результат шага.

Браузерные пути доступны на PRO

Сравнить тарифы
  • Проверка доступна на PRO: до 30 мониторов, история 30 дней.
  • Регистрация бесплатная; для запуска этой проверки нужен PRO.
  • Уведомления по email, в Telegram и через вебхуки настраиваются в кабинете.
  • Проверка «Путь» находится в бете и поддерживает до 12 шагов; интерфейс и отдельные возможности развиваются.

Вопросы перед первой проверкой

Uptimely находится в открытой бете. Гарантированный SLA пока не предоставляется.

Какие действия поддерживаются?

Открытие URL, клик, заполнение поля, выбор значения, ожидание элемента, проверка текста и текущего URL.

Чем отличается от API-сценария?

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

Как понять, где произошёл отказ?

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

Какие селекторы выбирать?

Устойчивые и предметные, например data-testid. Избегайте случайных классов и текста, который меняется от пользователя или даты.

Связанные проверки

Настройте мониторинг пользовательского пути

Регистрация бесплатная. Для этой проверки потребуется тариф PRO. Банковская карта для регистрации не нужна.

Создать браузерный путь