23) Проверка транспортира

Что такое транспортир?

PROTRACTOR — это инструмент для автоматизации и комплексного тестирования поведения, который играет важную роль в тестировании приложений AngularJS и работает как интегратор решений, объединяя мощные технологии, такие как Selenium, Jasmine, веб-драйвер и т. Д. Цель тестирования Protractor предназначен не только для тестирования приложений AngularJS, но и для написания автоматических регрессионных тестов для обычных веб-приложений.

Иногда трудно захватить веб-элементы в приложениях AngularJS с помощью JUnit или Selenium WebDriver.

Protractor — это программа NodeJS, которая написана на JavaScript и работает с Node для идентификации веб-элементов в приложениях AngularJS, а также использует WebDriver для управления браузером с помощью действий пользователя.

Хорошо, теперь давайте обсудим, что такое приложение AngularJS?

Приложения AngularJS — это веб-приложения, которые используют расширенный синтаксис HTML для выражения компонентов веб-приложений. Он в основном используется для динамических веб-приложений. Эти приложения используют меньше и гибкий код по сравнению с обычными веб-приложениями.

Почему мы не можем найти веб-элементы Angular JS с помощью веб-драйвера Normal Selenium?

Приложения Angular JS имеют некоторые дополнительные атрибуты HTML, такие как ng-repeater, ng-controller, ng-model .. и т. Д., Которые не включены в локаторы Selenium. Selenium не может идентифицировать эти веб-элементы с помощью кода Selenium. Итак, Protractor на вершине Selenium может обрабатывать и контролировать эти атрибуты в веб-приложениях.

Транспортир — это комплексная среда тестирования для приложений на базе Angular JS. В то время как большинство сред фокусируются на проведении модульных тестов для приложений Angular JS, Protractor фокусируется на тестировании реальной функциональности приложения.

Прежде чем запустить Protractor, нам нужно установить следующее:

1. Селен

   Вы можете найти шаги по установке Selenium в следующих ссылках ( https://www.guru99.com/install-selenium-webdriver.html )

2. NPM (Node.js)

   Установка NodeJS, нам нужно установить NodeJS для установки Protractor. Вы можете найти эти шаги установки по следующей ссылке. ( https://www.guru99.com/download-install-node-js.html )

Установка транспортира

Шаг 2) Проверьте установку и версию с помощью « Protractor —version ». В случае успеха он покажет версию как на скриншоте ниже. Если нет, выполните шаг 1 снова.

(Шаги 3 и 4 являются необязательными, но рекомендуется для лучшей практики)

Шаг 3) Обновите диспетчер веб-драйверов. Диспетчер веб-драйверов используется для запуска тестов против углового веб-приложения в определенном браузере. После установки Protractor менеджер веб-драйверов необходимо обновить до последней версии. Это можно сделать, выполнив следующую команду в командной строке.

webdriver-manager update

Шаг 4) Запустите менеджер веб-драйверов. Этот шаг запускает менеджер веб-драйверов в фоновом режиме и прослушивает любые тесты, которые выполняются через транспортир.

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

webdriver-manager start

Теперь, если вы перейдете по следующему URL-адресу ( http: // localhost: 4444 / wd / hub / static / resource / hub.html ) в своем браузере, вы фактически увидите, что менеджер веб-драйверов работает в фоновом режиме.

Пример тестирования приложения AngularJS с использованием Protractor

Шаг 1) Мы должны войти в систему https://angularjs.org и ввести текст как «GURU99» в текстовое поле «Введите имя здесь».

Шаг 2) На этом этапе

1. Введено имя «Гуру99»
2. В выводимом тексте «Hello Guru99» видно.

Шаг 3) Теперь нам нужно захватить текст с веб-страницы после ввода имени и проверить его с помощью ожидаемого текста .

Код:

Мы должны подготовить файл конфигурации (conf.js) и файл спецификации (spec.js), как указано выше.

Логика spec.js:

describe('Enter GURU99 Name', function() {
 it('should add a Name as GURU99', function() {
 browser.get('https://angularjs.org');
 element(by.model('yourName')).sendKeys('GURU99');
  var guru= element(by.xpath('html/body/div[2]/div[1]/div[2]/div[2]/div/h1'));
expect(guru.getText()).toEqual('Hello GURU99!');
  });
});

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: ['spec.js']
};

describe('Enter GURU99 Name', function() {
 it('should add a Name as GURU99', function() {
 browser.get('https://angularjs.org');
 element(by.model('yourName')).sendKeys('GURU99');
  var guru= element(by.xpath('html/body/div[2]/div[1]/div[2]/div[2]/div/h1'));
expect(guru.getText()).toEqual('Hello change GURU99!');
  });
});

npm install --save-dev jasmine-reporters@^2.0.0			

npm install –g jasmine-reporters@^2.0.0

npm install --save-dev jasmine-reporters@^2.0.0

exports.config = {
      seleniumAddress: 'http://localhost:4444/wd/hub',
      capabilities: {
          'browserName': 'firefox'
      },
      specs: ['spec.js'],
     framework: 'jasmine2' ,
      onPrepare: function() {
          var jasmineReporters = require('C:/Users/RE041943/Desktop/guru/node_modules/jasmine-reporters');
          jasmine.getEnv().addReporter(new jasmineReporters.JUnitXmlReporter(null, true, true)
          );
     }
   };