Creating a Dynamic Example in Scenario Outline Using Typescript and Cypress-Cucumber-Preprocessor

Question

Creating a Dynamic Example in Scenario Outline Using Typescript and Cypress-Cucumber-Preprocessor

I have a question that is closely related to the following topic: Behave: Writing a Scenario Outline with dynamic examples. The main difference is that I am not using Python for my Gherkin scenarios. Instead, I manage them with Cypress (utilizing the cypress-cucumber-preprocessor library : https://github.com/TheBrainFamily/cypress-cucumber-preprocessor).

Suppose I have this scenario outline defined in my Jira:

Given I provide <a list of numbers> and <another list of numbers>

Then I check whether they are equals

Examples:
| list of numbers  | another list of numbers | 
| 1                | 1                       | 
| 100              | 200                     |

I need to assign the numbers dynamically as I will be receiving them from a REST call. Is there a way to achieve this?

In the case of Python with behave, it appears possible to accomplish this with a before_feature() step.

The scenario could look like this:

Given I provide <a list of numbers> and <another list of numbers>

Then I check whether they are equals

Examples:
| list of numbers  | another list of numbers | 
| .                | .                       |

However, I am unsure how to iterate through the examples to set them dynamically. Is this feasible?

typescript cucumber cypress gherkin cypress-cucumber-preprocessor

Answer 1

Answer №1

It is important that tests are simple and yield consistent, expected results. To achieve this, you can simulate the service call to produce a desired response during testing.

In some cases, you may utilize placeholders that can be swapped out before running the tests. For example:

Given I provide <a list of numbers> and <another list of numbers>

Then I check whether they are equal

Examples:
| list of numbers  | another list of numbers | 
| %A%              | %B%                     |

Remember to update the placeholder values with actual responses from the API call in your code snippet:

//..
const contents = fs.readFileSync("path/of/file.feature").toString();
contents.replace("%A%", "23");
//..

Answer 2

It is important that tests are simple and yield consistent, expected results. To achieve this, you can simulate the service call to produce a desired response during testing.

In some cases, you may utilize placeholders that can be swapped out before running the tests. For example:

Given I provide <a list of numbers> and <another list of numbers>

Then I check whether they are equal

Examples:
| list of numbers  | another list of numbers | 
| %A%              | %B%                     |

Remember to update the placeholder values with actual responses from the API call in your code snippet:

//..
const contents = fs.readFileSync("path/of/file.feature").toString();
contents.replace("%A%", "23");
//..

Answer 3

Answer №2

Absolutely! :)

Sample scenario:

Given I input <a series of numbers> and <another sequence of numbers>

Then I verify if they are identical

Examples:
| series of numbers | another sequence of numbers |
| .                 | .                          |

Test script:

import { Given, When, Then, And } from 'cypress-cucumber-preprocessor/steps'

Given("I provide {} and {}", (list1, list2) => {
   // Values can be passed between steps using .as('something')
});

Check out the documentation for cypress .as method here

Answer 4

Absolutely! :)

Sample scenario:

Given I input <a series of numbers> and <another sequence of numbers>

Then I verify if they are identical

Examples:
| series of numbers | another sequence of numbers |
| .                 | .                          |

Test script:

import { Given, When, Then, And } from 'cypress-cucumber-preprocessor/steps'

Given("I provide {} and {}", (list1, list2) => {
   // Values can be passed between steps using .as('something')
});

Check out the documentation for cypress .as method here

Creating a Dynamic Example in Scenario Outline Using Typescript and Cypress-Cucumber-Preprocessor

Answer №1

Answer №2

Similar questions

Why am I encountering numerous errors while attempting to install Juice Shop?

Instructions for utilizing ObjectId with a string _id on the client side

The subcategory was not factored into my npm package

The specified property is not recognized by the type in TypeScript

Leverage process.env variables within your next.config.js file

Having trouble with VueJS ref not preventing the default form action on submit?

Working with Yarn and Webpack: Incorporating a TypeScript .ts file from an external Node directory not controlled by Yarn/Webpack

What is the method for assigning a string to module variable definitions?

Error: While working in an Angular project, a TypeError occurs because the property '****' cannot be read when used within a forEach loop

What steps are involved in setting up a sorting feature?

Simple steps for Mocking an API call (Get Todos) using ComponentDidMount in React with Typescript, Jest, and Enzyme

Typescript in React is throwing an error that says you cannot destructure the property 'colored' from the 'boxShadows' object because it is undefined

The issue with the tutorial is regarding the addHero function and determining the source of the new id

I encountered an issue where TypeScript's generics function was unable to locate a property within an interface

In production mode, ExpressJs dispatches the stack efficiently

Utilizing RavenDB with NodeJS to fetch associated documents and generate a nested outcome within a query

Switching from a Promise to an Observable using React-Redux and TypeScript

Angular8: Adjusting Activity Status After Leaving Page

Issue encountered when utilizing properties in a Vue.js instance with vue-class-components and TypeScript

Tips for creating a TypeScript function that can accept an array of concatenated modifiers with the correct data type