TestCafe Studio — кроссплатформенная IDE для сквозного веб-тестирования. Он основан на фреймворке с открытым исходным кодом TestCafe и позволяет создавать, запускать и поддерживать автоматические тесты без кода.
В этом кратком руководстве я опишу, как начать работу с TestCafe Studio и как протестировать существующую веб-страницу (в данном случае относительно продвинутую веб-страницу со встроенной функцией загрузки файлов). Как вы скоро увидите, я выберу и загружу два файла, а затем запущу два утверждения: первое для правильного вывода имени файла, а другое — для правильного формата метки размера файла.
Я обещаю — это займет всего две минуты вашего времени — визуальный регистратор тестов TestCafe Studio упрощает визуальную запись веб-тестов.
Шаг 1: Запишите сценарий
Сначала я запущу TestCafe Studio (если вы хотите установить TestCafe Studio и продолжить, просто загрузите нашу 30-дневную пробную версию), введите URL-адрес веб-сайта на экране приветствия TestCafe и нажмите «Начать запись теста». Мой браузер перейдет по соответствующему адресу, а поскольку визуальный регистратор тестов TestCafe запущен и работает в фоновом режиме, я буду готов записывать действия, выполняемые на этой веб-странице.
Я воспользуюсь раскрывающимся списком «Режим загрузки» и укажу, что хочу начать загрузку файла вручную.
Затем я включу флажок для нескольких файлов.
Я нажму «Выбрать файл» и выберу файлы.
Я нажму Загрузить, чтобы завершить процесс.
Шаг 2. Просмотрите список действий
Пришло время переключиться на TestCafe Studio и просмотреть команды, сгенерированные моими действиями.
Шаг 3. Добавьте утверждение ценности
Как видите, пользовательский интерфейс сайта отображается в IFRAME, поэтому первое действие представляет собой переключение контекста — после этого следуют шаги щелчка и загрузки (повторяя мои предыдущие действия на сайте).
Пришло время завершить тест парой утверждений. Сначала я проверю, отображает ли демонстрационное приложение правильное имя файла.
Как видите, для этого вам не нужно писать ни одной строки кода (в отличие от конкурирующих инструментов веб-тестирования, которые требуют написания большого количества пользовательского тестового кода). Я просто щелкну значок на панели инструментов, чтобы добавить утверждение с условием «равно».
Затем я воспользуюсь кнопкой выбора элемента, чтобы выбрать целевой элемент в браузере.
Это фокусирует окно браузера, чтобы вы могли указать на соответствующий элемент.
Как вы можете видеть ниже, TestCafe Studio генерирует селектор для этого элемента и открывает список его свойств. Выберите свойство, которое вы хотите утвердить.
TestCafe Studio получает текущее значение свойства и просит подтвердить его использование (для сравнения).
Шаг 4. Добавьте утверждение формата
Почти таким же образом вы можете установить значение свойства CSS font-size метки.
Шаг 5: Остановите рекордер и запустите тест
Мой тест готов и запись можно остановить. Чтобы выполнить только что записанный тест, я нажимаю кнопку «Выполнить» и смотрю, как TestCafe воспроизводит мои действия.
Шаг 6. Просмотрите отчет о тестировании
Как только TestCafe завершит тестовый прогон, я смогу просмотреть результаты теста в интуитивно понятном пользовательском интерфейсе TestCafe.
Вот и все. Всего за несколько минут и без единой строчки кода я создал тест, готовый к запуску во всех современных браузерах и на разных платформах (Win, Mac и Linux).
Начните сегодня
Готовы сравнить TestCafe Studio с вашей текущей платформой веб-тестирования и ощутить на себе разницу TestCafe?
Скачать бесплатную 30-дневную пробную версию
Первоначально опубликовано на https://community.devexpress.com.
