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

Selenium — это инструмент автоматического тестирования с открытым исходным кодом, который поддерживает ряд языков сценариев, таких как C#, Java, Perl, Ruby, JavaScript и т. д. В зависимости от тестируемого приложения можно выбрать соответствующий сценарий.

JavaScript — один из самых популярных вариантов, когда речь идет о сценариях, согласно Ежегодному опросу StackOverflow 2019, в котором говорится, что За последние 7 лет это был наиболее часто используемый язык программирования.

Почему разработчики предпочитают JavaScript для написания тестовых скриптов Selenium?

JavaScript широко используется для разработки веб-приложений, поскольку большая часть веб-приложений разрабатывается с использованием стека MEAN (MongoDB, Express.js, AngularJS и Node.js).

  • Selenium WebDriver с JavaScript — это удачное сочетание для автоматического тестирования пользовательского интерфейса приложений.
  • JavaScript предлагает эффективность благодаря хорошо построенным и структурированным шаблонам и функциям, что делает скрипт более компактным.
  • Он предлагает безопасность и хорошо поддерживается большим сообществом разработчиков.
  • Они с открытым исходным кодом и бесплатны, что помогает снизить общую стоимость тестирования.

Перед выбором скриптового языка для автоматизированного тестирования с помощью Selenium WebDriver необходимо провести углубленную оценку тестируемого приложения.

Начало работы с Selenium с помощью JavaScript

Selenium предлагает большую гибкость, когда дело доходит до тестирования. Будь то платформы, такие как Windows, Linux, Solaris, или браузеры, такие как Chrome, Firefox, Edge, IE или Safari, Selenium обеспечивает независимую от платформы функциональность кросс-браузерного тестирования без затрат на лицензирование. Вот как начать автоматическое тестирование пользовательского интерфейса приложения с использованием Selenium WebDriver и JavaScript:

Предпосылки настройки конфигурации

  1. Node.js (поставляется в комплекте с npm, то есть менеджером пакетов Node). Для тех, кому удобно использовать Maven в Java, считайте, что это эквивалентный менеджер пакетов для JS.
  2. Любая IDE для написания кода. В примере в этой статье используется Eclipse.

Шаг 1: Установите Node.js npm

Можно скачать Node.js и npm, а затем убедиться, что они установлены, выполнив следующие команды в терминале.

Как только пользователь установит Node.js, он получит доступ к npm, встроенному диспетчеру пакетов, который будет использоваться для установки Selenium для JS.

Шаг 2: Установите Selenium WebDriver

Можно загрузить Selenium WebDriver и установить его, выполнив следующую команду в терминале, используя встроенный менеджер пакетов Node (NPM) для получения пакета.

( создает новый пакет. Он будет сохранен в файле проекта package.json.)

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

Настоятельно рекомендуется скачать ссылки на драйвера, с которыми тестер хочет работать (например, Chrome и Firefox). Сохраните их в отдельной папке в отдельных каталогах, а затем добавьте эти папки в системный PATH. Как только это будет сделано, Selenium сможет запустить браузер, указанный пользователем, используя эти исполняемые файлы.

Шаг 3: Установите Eclipse

Для выполнения автоматизированного тестирования IDE — это платформа, необходимая для написания тестового сценария. Здесь мы используем Eclipse. Вы можете скачать Eclipse и запустить загруженный файл.

Шаг 4. Установите Selenium Webdriver и языковые привязки клиента

Selenium WebDriver и привязки языка клиента важны для установления соединения между WebDriver и клиентом и выполнения тестирования. Вот ссылки для установки привязки Selenium WebDriver и клиентского языка:

Шаг 5: Создание и запуск тестового сценария с использованием JavaScript и Selenium

Давайте напишем первый тестовый скрипт, используя JavaScript. Код перейдет на страницу Google.com и получит ее заголовок в консоли с помощью функции обещания.

var webdriver = require('selenium-webdriver'); var browser_name = new webdriver.Builder(); withCapabilities(webdriver.Capabilities.firefox()).build(); browser.get('http:/www.google.com '); var promise = browser_name.getTitle(); promise.then(function(title) { console.log(title); }); browser.quit();

Код выделяет экземпляр selenium-webdriver, а затем создает браузер с помощью WebDriver и подключаемого модуля Firefox. В браузере код открывает Google и получает его заголовок с помощью обещания. Затем этот заголовок отправляется в качестве вывода на консоль перед выходом из браузера.

Лучшие практики использования JavaScript с Selenium WebDriver

Вот некоторые из лучших практик, которым следует следовать при использовании JavaScript с Selenium для автоматического тестирования:

  • Поскольку Используйте правильные локаторы, Selenium framework предназначен для взаимодействия с браузером, важно использовать правильные локаторы для лучшей навигации по объектам с помощью DOM (объектной модели документа).
  • Выполнение тестирования на основе данных. Чтобы получить точные результаты, убедитесь, что тестирование основано на данных, так как это поможет быстрее выполнять функциональное тестирование.
  • Используйте объекты PageObjects. Чтобы улучшить общее обслуживание и уменьшить избыточность и дублирование, используйте объекты PageObjects. Здесь веб-страницы определены как классы, а различные элементы на них определены как переменные, где взаимодействие с пользователем реализовано в виде методов.
  • Порядок выбора важен для более быстрого тестирования. Установите правильный порядок выбора, например (XPath ‹ CSS ‹ Текст ссылки ‹ Имя ‹ ID), чтобы получить лучшие результаты. Узнайте о различных выберите правильный порядок выбора: локаторы в селене.

Selenium WebDriver сделал автоматическое тестирование проще и эффективнее, чем когда-либо. Используя JavaScript для создания тестовых сценариев, можно легко выполнять автоматизированное тестирование пользовательского интерфейса для приложений. Это особенно полезно, когда циклы разработки короткие и функции нужно добавлять каждые несколько недель, чтобы не отставать от потребностей пользователей.

Selenium широко рекомендуется из-за гибкости, которую он предлагает. Он поддерживает основные платформы, такие как Windows, Linux и т. д., и браузеры, такие как Chrome, IE, Edge, Firefox и Safari, а также множество скриптов, таких как Ruby, Perl, C#, Python, Java, JavaScript. Благодаря интеграции таких инструментов, как TestNG Framework, можно получить результаты тестирования для дальнейшего анализа и улучшить приложение.

Чтобы создать приложение с оптимальным пользовательским интерфейсом, используйте облачные инструменты Automation Selenium Testing, такие как BrowserStack, которые предлагают доступ к более чем 3000 браузерам и устройствам для тестирования. Протестируйте на реальном облаке устройств, чтобы обеспечить беспрепятственный кроссплатформенный опыт.

Первоначально опубликовано на https://www.browserstack.com.