Как я могу использовать WebStorm для создания файла определения шага Cucumber в TypeScript вместо JavaScript?

Webstorm, похоже, не предоставляет мастера для типа файла «TypeScript», поэтому вы можете создать файл определения шага вручную.

Для простого математического примера возможный файл определения шага TS может выглядеть следующим образом:

import * as cucumber from "cucumber";

module.exports = function () {
    // Assign this to a typed variable so we have type-safe access
    let sd: cucumber.StepDefinitions = this;

    // The common variable is simply kept in function scope here
    let variable: number = 0;

    sd.Given(/^a variable set to (\d+)$/, (value: string) => {
        variable = parseInt(value);
    });

    sd.When(/^I increment the variable by (\d+)$/, (value: string) => {
        variable += parseInt(value);
    });

    sd.Then(/^the variable should contain (\d+)$/, (value: string) => {
        if (variable != parseInt(value))
            throw new Error('Variable should contain '+value
                          + ' but it contains ' + variable + '.');
    });
};

Поместите этот контент, например. features/step_definitions/mathSteps.ts и вставьте код функции из примера в файл с именем, например. features/math.feature и у вас должен быть работающий пример.