Protractor: добавление HTML отчета о прохождении тестов

Рассмотрим пример добавления HTML отчета о прохождении тестов в Protractor проект. Для этого воспользуемся существующим проектом из предыдущей заметки, где мы создали тесты используя Protractor и приложение Wortschatz  (проект доступен на Github).

Для добавления репорта подключим npm модуль protractor-jasmine2-html-reporter. Чтобы установить модуль воспользуемся командой

npm install protractor-jasmine2-html-reporter --save-dev

В конфигурационный файл conf.js добавим следующий код:

var Jasmine2HtmlReporter = require('protractor-jasmine2-html-reporter');
var currentDatePath = "report " + new Date();

exports.config = {
//other configs

  onPrepare: function() {
      jasmine.getEnv().addReporter(
        new Jasmine2HtmlReporter({
          savePath: "./reports/" + currentDatePath + "/",
          screenshotsFolder: "screenshots"
        })
      );
   }
}

Теперь после каждого выполнения тестов будет добавлена директория содержащая в имени время запуска тестов, HTML репорт и скриншоты.

├── reports
│   ├── report Sat Jul 30 2016 19:38:51 GMT+0200 (CEST)
│   │   ├── htmlReport.html
│   │   └── screenshots
│   │       ├── 0b84b55f548f78590c371ae561ed6d4c.png
│   │       ├── 772054a6963d9da9ec776dfa9b7fedfb.png
│   │       ├── 79963c55b89770233547d42770069f99.png
│   │       └── cc39bc1ad4cee7cced2601c2fe9f3da6.png
│   └── report Sat Jul 30 2016 19:50:39 GMT+0200 (CEST)
│       ├── htmlReport.html
│       └── screenshots
│           ├── 0c8354efd30e7189a628635871668c16.png
│           ├── 2f0e4dd257f8c3f45767a9d8763b8d58.png
│           ├── 52141f701b87fb63fb0cd7a5326559f5.png
│           └── debdedc79b89bea1b66c4f9b70e5ab1d.png
└── specs
    └── spec.js

Фрагмент репорта:

Код проекта можно найти на Github. Чтобы скопировать проект, воспользуйтесь командой :

git clone -b reporter https://github.com/olyv/wortschatz-protractor.git