Рубрики
Без рубрики

Worlhrough: создать простой тест Cucumber.js

Этот прохождение создаст основные сценарии тестовых сценариев, ориентированных на поведение, используя Cuketest: – Создание файла Gherkin (или функций) и реализовать код – запустить скрипт и получить отчет HTML – преобразовать теги, используемые тегированием данных.

Автор оригинала: CukeTest.

Этот прохождение создаст основные сценарии тестовых скриптов для поведения, используя Cuketest:

  • Создайте файл Gherkin (или функций) и реализуйте код
  • Запустите скрипт и получите HTML отчет
  • Преобразовать тест на данные
  • Используйте теги для фильтрации запуска

Ниже приведены шаги.

1. Новый проект

  1. Нажмите кнопку [Новый проект] на панели инструментов, чтобы открыть диалоговое окно «Новый проект».

  2. В «названии проекта», введите «обстоятельств». Для «шаблона проекта» выберите «Basic». «Путь проекта» Выберите папку для размещения сценария, нажмите «ОК». Cuketest создаст новый проект для вас.

2. Отредактируйте файл Gherkin

2.1 Изменить название функции и описание функции

Когда проект создан с вышеуказанным шагом, функция1. ФайлFeature файл будет открываться автоматически.

Нажмите Визуальный кнопка Затем файл функций может быть изменен в «Visual» View, который выглядит следующим образом:

1_visual.png.png.png
1_feature.png.png.png

Чтобы добавить имя и описание функции:

  1. Дважды щелкните имя функции, чтобы сделать его редактируемым, введите «дополнение».

  2. Нажмите клавишу «Ввод», вы перейдете к следующему полю, которое является поле «Описание функции», заполните поле чем-то вроде ниже:

Verify calculator functionalities

Теперь наш файл функций выглядит так:

1_feature_desc.png.

2.2 Добавить сценарий

Следуйте инструкциям ниже, чтобы создать сценарий:

  1. Дважды щелкните заголовок сценария, поле «Название сценария» теперь редактируется, измените его на «добавление двух чисел»;

  2. Нажмите клавишу «Ввод», и фокус перемещается на следующее поле, который является первым шагом, выберите «Данные» из выпадания и изменить его текст на «У меня есть номер 6 в калькуляторе»;

  3. Следуйте вышеуказанным шагам, чтобы добавить все остальные шаги. Чтобы добавить новые шаги, вы также можете нажать «Enter», чтобы переместить фокус на кнопку «Добавить шаг», и снова нажмите «Ввод», или просто нажмите эту кнопку:

После выполнения операции сценарий должен выглядеть так:

1_scenario_ui.png.

Вышеуказанные шаги выполняются на «визуальном» представлении редактора функций, вы можете нажать кнопку «Текст», чтобы переключиться на «Text» View, а содержимое функции1.Feature должен быть:

1_text.png.png
Feature: Addition
  Verify calculator functionalities

  Scenario: Addition of two numbers
    Given I have number 6 in calculator
    When I entered number 7
    Then I should see result 13

Вы также можете редактировать файл функций в «Text» View, а затем переключиться на «Visual» View, он будет иметь тот же эффект.

3. Реализуйте автоматизацию

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

3.1 Создание кодовых заглушек

Выполните следующие шаги для реализации сценария.

  1. Откройте step_definations/определения1.js На правой панели и убедитесь, что файл функций открывается на левой панели с «визуальным» визуальным. Нажмите кнопку серая на правой стороне каждого шага:

    Кребы кода определения шага будут сгенерированы в step_definations/определения1.js:

  2. Повторите шаг 1 для остальных шагов, определенных в сценарии, для их создания заглушек для них.

  3. Создайте новый файл «Env.js» в каталоге «Особенности/поддержки» и заполните следующий контент:

    В этом файле пользовательский Мир Объект определен, и он используется для управления «переменным» элементом, который должен хранить текущий расчет.

    «Env.js» можно разместить в любом месте, пока он находится в каталоге «Особенности». Каталог «Поддержка» – это просто рекомендация из команды огурцов.

  4. Обновите файл step_definations/indiestions1.js, чтобы добавить реализацию к каждому этапу четкости. Код будет следующим:

3.2 проверить и запустить проект

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

  1. Нажмите «Проверьте проект Кнопка на панели вывода вы можете увидеть результаты проверки, он должен выглядеть следующее:

  2. На панели инструментов нажмите кнопку «Выполнить проект» Он будет запускать скрипт и генерировать отчет о тестировании.

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

4. Составьте данные сценариев

Теперь у нас есть сценарий, который может работать. Он может запускать операцию по добавлению и проверять ее. Обычно нам нужно проверить функциональность с большим количеством ввода данных. Мы можем сделать это, преобразовав этот сценарий в Сценарий наброски Отказ

Здесь вы можете выбрать либо сделать это в «Visual» View или «Text». Мы выбираем «визуальный» вид, поскольку он удобнее.

  1. Нажмите на значок на заголовке сценария , или просто щелкните правой кнопкой мыши заголовок сценария, вы получите всплывающее меню для сценария, выберите «Изменить тип сценария» – «Сценарий наброски»

    Сценарий изменен на следующий, который имеет пример таблицы:

    Вы можете заметить, что тип сценария на заголовке – это «Сценарный контур», а числовые параметры автоматически извлекаются в таблицу.

  2. Название параметра «Param1», «Param2» не настолько описательными, мы обновим имена параметров к нему более описательном. Теперь дважды щелкните заголовок таблицы, и он будет редактируемым, измените имена параметров, чтобы быть имеющимися именами.

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

    Вы можете использовать клавишу «Tab» или «Shift-Tab» для перемещения вперед и назад между редактирующими ячейками, а также вы можете сделать то же самое на теле стола для обновления ячеек данных.

  3. Обновите таблицу данных с большим количеством строк. Вы можете дважды щелкнуть в любом месте в корпусе таблицы, чтобы начать редактировать. Затем нажмите «Tab» или «Shift-Tab» для навигации. Если вы находитесь на последней ячейке и снова нажмите вкладку, создается новая строка, и вы можете редактировать новые данные строки.

    Кроме того, вы можете щелкнуть правой кнопкой мыши таблицу, чтобы экспортировать таблицу в файл CSV, редактировать его где-то еще, как Excel, а затем импортирует обратно. Также осознайте, что один сценарий может иметь несколько примеров таблиц, поэтому вы можете импортировать несколько таблиц в контур сценариев.

    После редактирования ваш сценарий наброски выглядит следующим образом:

Или в «тексте» представлении текст должен быть похож на следующее:

  Scenario Outline: Addition Test
    Given I have number  in calculator
    When I entered number 
    Then I should see result 
    Examples: 
      | operand1 | operand2 | result |
      | 0        | 0        | 0      |
      | 0        | 1        | 1      |
      | 10       | 5        | 15     |
      | 320      | 45       | 365    |

При запуске этого отчета снова вы получаете отчет как следующее:

1_outline_report.png.

Вы можете увидеть, что для каждой строки данных он запускает сценарий один раз, поэтому вы получаете 4 сценария приведены в отчете.

5. Настройка прогона профиля

Когда в сценарии много сценариев, иногда вы хотите запустить только некоторые из них. Вы можете добавить теги к сценариям, а затем использовать теги для фильтрации сценариев для запуска. Следующие шаги показывают, как запустить их.

  1. Дважды щелкните область над «Сценариом контуром», чтобы редактировать теги для этого сценария:

    Добавьте новый тег с именем «Math», и нажмите в другое место, тег будет добавлен. Каждый тег запущен с «@», если вы не добавите этот символ, редактор добавит его для вас.

  2. Переключитесь на «Text» View, отредактируйте контур сценариев, чтобы добавить следующий текст (строки в красных кругах).

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

  3. Нажмите стрелку вниз рядом с кнопкой «Выполнить проект», а затем выберите «Изменить профили …»:

    Он откроет диалоговое окно «Запустить профили», вы также можете открыть диалог с меню «RUN» -> «Редактировать профили запуска.

  4. В этом диалоговом окне нажмите «Новый профиль», чтобы создать новый профиль. В этом профиле введите «@Math и @exteded» в поле «Теги фильтра».

    Нажмите «ОК», чтобы отклонить диалог.

  5. Теперь снова щелкните стрелку вниз, и нажмите «Профиль», который только что создан, он будет запускать проект с введенным вами фильтром тегов.

    Из отчета о тестировании вы можете увидеть, что только данные сценариев, которые соответствуют тему «@Math», так и «@exteded», что означает, что фильтрация вступает в силу.