Всем привет.

веб-тест – это более простой и легкий способ тестирования браузера без знания языка программирования. Что вам нужно знать, так это английский язык.

Вы можете думать о webtest как о диалоге между «вы» и «веб-браузером», например;

  • открыть браузер хром
  • перейти на www.google.com
  • введите «allenhwkim» в «Поиск»
  • представить его
  • см. «алленхвким»

Технически webtest написан на Javascript и Selenium WebDriverJS, но вам не нужно знать ни Javascript, ни Selenium WebDriverJS. Тогда единственное, что нам нужно знать, это webtest команды.

Есть два способа запустить веб-тест;

  • Режим командной строки
  • Пакетный режим

Режим командной строки полезен, когда вы проверяете каждую команду одну за другой, чтобы убедиться, что вы пишете правильный сценарий.

Пакетный режим хорош для автоматизации вашего теста.

Начнем с режима командной строки, который легко запустить.

Перед этим необходимо установить webtest

$ nam install webtest -g

-g предназначен для глобальной установки веб-теста, чтобы вы могли запускать webtest где угодно.

Теперь вы готовы запустить командную строку.

Режим командной строки

$ веб-тест

Вы видите, какой драйвер готов, и какие команды доступны. Хорошо, начнем с

? > open browser chrome

чтобы открыть браузер хром. Вы хотите перейти на google.com, тогда

? > go to www.google.com

Затем вы хотите ввести строку поиска

? > enter “allenhwkim” into “Search”

Пока все хорошо, правда?

Теперь вы хотите проверить результат, есть много команд проверки. Чтобы просмотреть все доступные команды, просто введите «?» как команда

? > ?

Давайте проверим, что вы видите «allenhwkim» на странице.

? > see "allenhwkim"

Вот и все, что касается режима командной строки. Просто введите команду для управления веб-страницей.

Далее переходим в режим сценария. В режиме сценария все команды выполняются одна за другой.

Режим сценария

Это тестовая страница, https://rawgit.com/allenhwkim/webtest/master/test/test-page.html

И это тестовый скрипт, который мы собираемся запустить.

This is to test all core commands with test-page.html
  open browser chrome
  go to http://localhost:8080/test/test-page.html
  set window position 0 0
  set window size 100 600
  see "click here to change background color"
  click
  click link "Click Here To Change Url"
  enter text 'Hello World' into text
  press "A" into text
  set speed 1 second
  verify element #submit is disabled
  set speed 1 millisecond
  click #enable
  verify element #submit is enabled
  click #radio1
  verify element #radio2 is not selected
  verify element #hidden is not visible
  click #show-hidden
  verify element #hidden is visible
  click #change-color
  verify element #change-color style background-color is "rgba(255, 255, 0, 1)"
  verify element #hidden text matches "^Hidden\ Element"
  verify title is "Test Form"
  verify title matches "Form"
  verify url matches "^http:\/\/"
  verify text "click here to change something" not present
  verify text "Click Here To Change Url" present
  click #enable
  submit
  wait for page load
  close browser

Для запуска скрипта достаточно указать имя файла рядом с командой webtest

$ веб-тест тестовая страница.txt

Это результат теста.

Возможно, вы захотите сделать больше, чем данные команды. Затем разветвите webtest, посмотрите в каталог commands. Создать простую команду несложно.

Спасибо за ваше время, и, наконец,

«Счастливого тестирования»

Аллен Ким