Особенности Firefox

Protractor изначально разрабатывался для тестирования Angular-приложений на основе WebDriverJS, что накладывает определённые требования к браузерам и их драйверам. Несмотря на популярность Chrome в автоматизированном тестировании, Firefox остаётся востребованным, поэтому необходимо учитывать особенности его интеграции с Protractor.

Использование Geckodriver

Для работы с Firefox требуется Geckodriver — официальный WebDriver для браузеров семейства Mozilla. Geckodriver выполняет роль промежуточного слоя между Protractor и Firefox, обрабатывая команды WebDriver. Основные моменты:

Совместимость версий: Geckodriver должен соответствовать версии Firefox. Несоответствие версий часто вызывает ошибки сессии или отказ запуска браузера.
Установка: Geckodriver может быть установлен через менеджеры пакетов (например, npm install geckodriver) или скачан вручную с официального сайта Mozilla.
Настройка в Protractor: В файле protractor.conf.js необходимо указать путь к драйверу или полагаться на переменную окружения PATH.

Пример конфигурации:

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  capabilities: {
    browserName: 'firefox',
    'moz:firefoxOptions': {
      args: ['--headless'] // запуск в фоновом режиме
    }
  },
  framework: 'jasmine'
};

Особенности взаимодействия с DOM

Firefox имеет ряд отличий в рендеринге и обработке событий:

Асинхронная загрузка элементов: Некоторые элементы могут загружаться медленнее, чем в Chrome. Применение browser.wait с корректными ожиданиями помогает избежать ошибок NoSuchElementError.
Обработка кликов и событий: Firefox иногда требует явного использования browser.actions().click(element).perform() вместо простого element.click(), особенно для скрытых элементов или элементов с CSS-анимациями.
CSS-селекторы и XPath: Firefox поддерживает стандартные селекторы, но сложные XPath-запросы могут работать медленнее, что влияет на стабильность тестов.

Headless режим

Headless-режим в Firefox отличается от Chrome:

Отсутствие графического интерфейса снижает потребление ресурсов, но иногда вызывает расхождения в рендеринге стилей и позиционировании элементов.
Для корректной работы headless-режима рекомендуется использовать последние версии Geckodriver и Firefox, а также проверять визуальное отображение элементов через скриншоты.

Пример включения headless:

'moz:firefoxOptions': {
  args: ['-headless', '--width=1920', '--height=1080']
}

Логирование и отладка

Protractor поддерживает настройку логирования через capabilities и loggingPrefs. Для Firefox полезно включать подробное логирование Geckodriver:

capabilities: {
  browserName: 'firefox',
  loggingPrefs: {
    browser: 'ALL',
    driver: 'ALL'
  }
}

Логи помогают выявлять проблемы с кликами, загрузкой страниц или асинхронными элементами.

Управление профилями Firefox

Использование кастомных профилей позволяет:

Отключать обновления браузера и уведомления, мешающие тестам.
Настраивать прокси и сертификаты для тестовых сред.
Хранить предустановленные куки и локальные данные, что ускоряет запуск тестов.

Пример создания профиля:

const firefox = require('selenium-webdriver/firefox');
let profile = new firefox.Profile();
profile.setPreference('dom.webnotifications.enabled', false);

let options = new firefox.Options().setProfile(profile);

capabilities: {
  browserName: 'firefox',
  'moz:firefoxOptions': options
}

Ограничения и нюансы

Стабильность тестов: Некоторые старые версии Firefox и Geckodriver демонстрируют нестабильность при интенсивном параллельном запуске тестов.
Поддержка Angular: Особенности синхронизации Angular-приложений (waitForAngularEnabled) могут проявляться сильнее на Firefox из-за различий в таймингах обработки событий.
Скриншоты: При headless-режиме размеры окна нужно задавать явно, иначе скриншоты могут быть обрезаны или иметь неправильное масштабирование.