如何使用WebStorm在TypeScript而不是JavaScript中創建Cucumber步驟定義文件？

Question

我正在用Cucumber.js構建一個新的e2e測試套件，我想爲我的步驟文件使用TypeScript。當我創建一個新的步驟，然後按Alt+Enter讓WebStorm生成一個新的步驟文件時，我提供的唯一選項是創建一個JavaScript文件。

有誰知道我可以如何使這個在TypeScript中創建一個新的步驟文件？

Answer 1

Webstorm似乎沒有爲文件類型「TypeScript」提供嚮導，因此您可能需要手動創建步驟定義文件。

對於Simple Math Example可能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並將the example中的特徵代碼粘貼到一個名爲例如features/math.feature，你應該有一個運行的例子。