Всем привет! Один из инструментов которым пользуюсь при тестирования web-приложений — TestCafe Studio. Как-то писал про этот продукт команды DevExpress. Сегодня на примере теста формы сайта покажу как интегрировать TestCafe Studio c Allure.

Что будет делать тест: заходить на главную страницу, вызывать и заполнять форму. Творческий процесс написания теста пропущу, но замечу что в режиме рекордера этап «вызвать» (кликнуть по ссылке с формой) записать просто так не получиться. Только при наведении указателем мышки на заголовок меню (активность mouseover не реализована в TestCafe Studio, или мне не известна) появляется возможность on-page actions = сlick. Тем не менее решение есть — второй и третий шаг теста. В конце статью будет ссылка на исходник.

Позитивным тестированием проверим не только работу элеменентов формы (поля доступны для заполнения, чекбоксы, радиобаттоны и элементы из списка выбираются, элементы добавляются и т.п.) но и сделаем валидацию сообщения которое появляется после отправки формы.

В качестве демонстрации правильной работы теста не буду вносить изменения в функционал элементов формы. Изменению будет подвергаться только так называемое сообщение — «Спасибо».

В самом начале писал об интеграции с Allure. Тест будем запускать два раза. Первый раз он отработает без ошибок. Второй раз выявит ошибку в выходном сообщении после отправки формы. Репорты будем формировать и просматривать в Allure.

Теперь самое главное, об инструментах и среде тестирования. TestCafe Studio уcтановлена в Windows 10 x 64.
Так же необходимо установить Allure. Тесты буду запускать через консольную версию testcafe. Усановка через cmd строкой:

npm i testcafe@1.9.0-rc.2

Имеющиеся версии консольной testcafe можно посмотерть тут.

За магию интеграции будет отвечать адаптер (плагин) testcafe-reporter-allure.  Проливаем его в систему командой:

npm install testcafe-reporter-allure

На видео ниже показал процесс от прогона теста, до просмотра результатов в Allure. После видео описание используемых команд.

Для запуска теста с обработкой в testcafe-reporter-allure команда:

testcafe firefox D:\Test\test_mesage_form.js --reporter allure

Про параметры запуска теста в консоли можно почитать тут.

Вторая команда сгенерировала и открыла отчёт:

allure generate allure/allure-results --clean -o allure/allure-report && allure open allure/allure-report

Как и обещал — ссылка на сырцы.