Debug Cucumberjs

cucumberjs 使用的是feature文件当作test case，普通run起来的方式也是通过指令 cucumber-js features/*/.feature 的方式把test case run起来，那么，如果想要debug应该怎么做呢？

How to do：

方法一（Webstorm）：
1.打开Run/Debug Configuration Tool
2.编辑"Cucumber.js"模板
（1）选择feature文件的地址（要包含step定义文件的地址）
（2）设置相关的参数
（3）如果想用Scenario Name来筛选要跑的feature文件的话可以通过”Name Filter“进行filter

image.png
3.用"Cucumber.js"模板创建一个新的Configuration，根据个人需要修改参数配置
image.png
4.在自己需要的地方添加breakpoints
5.Rub/Debug "Cucumber.js" Configuration.
image.png

方法二（VSCode）：
1.打开 位于 ".\node_modules\cucumber\bin\cucumber.js" 的 cucumber.js 文件。
2.给process.argv加上你要run的tag ,例如：

process.argv[2] = '-t';
process.argv[3] = '@sanity';

image.png

3.给你想要debug的地方加上断点，例如：

image.png

4.点击Run Debug，将cucumber.js run起来

image.png
5.可以正常debug啦！
image.png

方法二应该是通用的，但是目前在VSCode编辑器尝试是能够成功的，但是在webstorm会报文件目录找不到的错误，怀疑是编辑器不同的读取机制造成的，还没有找到合适的解决办法