История браузера

Protractor является инструментом для автоматизированного тестирования веб-приложений на Angular и других современных фреймворках. Одной из ключевых составляющих его работы является управление браузером и его состоянием во время выполнения тестов. История браузера позволяет отслеживать переходы между страницами, управлять навигацией и обеспечивать контроль над последовательностью действий пользователя.

Основные концепции истории браузера

История браузера в Protractor оперирует объектом browser, предоставляющим API для взаимодействия с текущей сессией браузера. Через него можно управлять следующими аспектами:

  • Переход между страницами: методы get(), navigate().to() и refresh() позволяют загружать новые URL, переходить на предыдущие или обновлять текущую страницу.
  • Навигация по истории: методы navigate().back() и navigate().forward() обеспечивают перемещение по цепочке посещённых страниц.
  • Работа с асинхронностью: все действия с браузером возвращают промисы, что требует использования async/await для корректного управления потоком выполнения тестов.

Методы управления историей

  1. browser.get(url) Загружает указанный URL. Этот метод является базовым для инициализации тестов на конкретной странице. Используется вместе с ожиданиями для проверки готовности страницы к взаимодействию.

  2. browser.navigate().to(url) Альтернатива get(). Отличается тем, что позволяет интегрироваться с другими методами навигации (back, forward) и более явно отражает переход между страницами как часть истории браузера.

  3. browser.navigate().back() Возврат на предыдущую страницу в истории. При использовании важно учитывать, что состояние предыдущей страницы может измениться в зависимости от действий на текущей странице.

  4. browser.navigate().forward() Переход вперёд по истории, если была предварительно выполнена команда back(). Полезно для тестирования сценариев возврата пользователя к следующему шагу.

  5. browser.navigate().refresh() Перезагрузка текущей страницы. Метод сохраняет состояние сессии и куки, но пересоздаёт DOM, что важно учитывать при проверке элементов после обновления.

Практические сценарии использования

  • Проверка переходов между страницами: часто используется в тестах маршрутизации Angular-приложений. Например, тест может проверять, что после нажатия кнопки происходит переход на нужный URL, и затем возвращаться на предыдущую страницу для повторного теста.
  • Сохранение состояния формы: при тестировании форм, которые частично заполняются пользователем, навигация назад и вперед позволяет проверить корректность восстановления данных.
  • Обработка редиректов и динамической подгрузки контента: Protractor поддерживает ожидания, позволяя убедиться, что страница полностью загрузилась перед выполнением навигации.

Асинхронность и ожидания

Protractor тесно интегрирован с Angular и использует ControlFlow для управления асинхронными действиями, однако начиная с последних версий рекомендуется явное использование async/await. Пример:

await browser.get('https://example.com');
await browser.navigate().to('https://example.com/page2');
await browser.navigate().back();
await browser.navigate().forward();
await browser.navigate().refresh();

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

Взаимодействие с историей и локальным состоянием

Protractor позволяет работать не только с историей страниц, но и с сессиями браузера:

  • Куки и локальное хранилище: методы browser.manage().getCookies(), browser.manage().deleteAllCookies() и работа с localStorage обеспечивают контроль над состоянием при возврате на предыдущие страницы.
  • Сохранение состояния между переходами: при тестировании сценариев, где пользователь возвращается на ранее посещённую страницу, важно проверять, что все динамические элементы восстановлены корректно.

Ограничения и особенности

  • История браузера в Protractor не может отслеживать действия вне текущей сессии браузера. Переходы между вкладками или окнами требуют использования методов browser.switchTo().window().
  • Некоторые методы, такие как navigate().back(), могут работать неконсистентно с SPA (Single Page Applications), где URL меняется без полной перезагрузки страницы. В таких случаях необходимо использовать ожидания Angular и проверки элементов DOM.

Итоговые рекомендации по использованию истории

  • Для простых переходов между страницами предпочтительно использовать browser.get() и browser.navigate().to().
  • Для тестов, связанных с возвращением на предыдущую страницу, важно учитывать состояние элементов и возможные асинхронные изменения DOM.
  • Асинхронная природа всех действий требует последовательного выполнения команд с await, чтобы избежать непредсказуемого поведения тестов.

История браузера в Protractor является фундаментальной для построения сценариев, которые имитируют реальные действия пользователя. Грамотное управление переходами, состоянием сессий и ожиданиями обеспечивает надёжность и стабильность автоматизированного тестирования.

Оглавление