Cucumber and Cypress integration with TypeScript
In this tutorial we'll learn how to use Cucumber, Cypress and TypeScript togther for automated acceptance testing of a React ToDO App
-
To get started, we'll create a new folder named cucumber-cypress-ts and move into that directory:
mkdir cucumber-cypress-ts cd cucumber-cypress-ts -
Next, initialize it as an npm project:
npm initAfter running npm init, we'll need to supply npm with information about our project. We can let npm assume sensible defaults, then we can add the y flag to skip the prompts for additional information:
npm init -y
Now that our project space is set up, we're ready to move on to install the necessary dependencies.
-
With a bare npm project initialized, the next step is to install the dependencies that are required to run TypeScript.
Run the following commands from our project directory to install the dependencies:
npm install typescript npm install tsify -
Next, install Cypress and Cypress Cucumber Preprocessor. This will add the Cypress and Cucumber support to the project:
npm install cypress npm install cypress-cucumber-preprocessor