Привет! Большая интенсивность работы, да и простая банальная человеческая усталость вперемешку с ленью затянули выпуск этой стать. Да и не так уж много времени прошло с момента начала цикла статей про TestCafe Studio. В предыдущей статье кратко познакомились с основными теоретическими возможностями данного продукта для тестирования web-приложений. Остановились на том что должен подготовить форму которую будем тестировать. Сейчас она доступна по  ссылке. Возможно со временем выведу в отдельную ссылку и помещу на главной странице сайта на радость спам-ботам. TestCafe Studio установил на развёрнутой виртуалке с Windows 7. Из браузеров дополнительно установил Google Chrome, Firefox. Из программ для записи действий и скриншотов: Icecream Screen Recorder и Lightshot. Если пользуетесь другими, то напишите в комментариях какими. Ниже записал видео первого запуска записи теста.

Для начала работы с TestCafe Studio нужно выбрать папку где в дальнейшем будут храниться все наши записанные тесты. На видео создал папку My Tests на диске C:. После создал подкаталог куда планирую помещать все тесты связанные с сайтом artem.casa. Фикстура названная form — это что-то вроде категории или материнской формы в которой будут помещаться наши тесты. Если внимательно смотрели, то фикстура содержит в себе настройки формы авторизации. В нашем случае для того чтобы получить доступ к тестовой форме не нужно вводить имя и пароль. Не стал заморачиваться. На стадии когда ведётся web-разработка, обычно доступ от посторонних глаз закрывают авторизацией через .htaccess.

Так же фикстура содержит поле Web page в которой указали абсолютный путь где лежит тестовая web-форма. Указал полный путь, потому как не размещал ссылку на страницу с формой на сайте. Если бы разместил, то в поле Web page можно было бы просто указать https://artem.casa/ а уже потом в режиме записи кликнуть и перейти на форму. Настройки фикстуры редактируются. После того как настроили фикстуру создаём тест, в видео назвал её first. В верхней части программы есть Record Browser — там можно указать с помощью какого браузера будет производится запись. Выбрал Firefox. После нажатия на красную круглую кнопку Record test actions у нас запустился firefox (называю лисой, opera называю опером, а chrome, правильно — хромуля) и открылась сразу наша форма. (см. настройки фикстуры). Дальше все действия (нажатия кнопок на клавиатуре, клики мышкой) которые вы будете производить с формой будут записываться последовательно по шагам в тело теста first.  В ролике вы видели как заполнили два поля: «Поле для ввода имени», «Поле для ввода фамилии» и остановили запись. Очистив от лишнего мусора тест (от лишних кликов) и немного откорректировав селекторы снова запустили запись чтобы продолжить. Запись воспроизводит уже записанные шаги и дойдя до последнего перехоит в режим активной записи. Справа от красной круглой кнопки Record test actions есть кнопка Run test. К примеру если запись производили к лисе, то запустить тест мы можем в хромуле и посмотреть как он будет отрабатывать там. Тест запуститься в выбранном нами браузере и по окончанию закроется. В данном режиме уже запись не производится.

На сегодня пока всё. Специально не стал вываливать большой поток информации, предоставив поле для самостоятельного творчества (тестовую форму не удаляю, тестируйте на здоровье) с TestCafe Studio. В следующей статье, а планирую её выпуск уже на этих выходных, продолжу на тестовом примере знакомить вас с практическими основами работы. Если есть вопросы, предложения: eду на телеге — чат со мной.