Angularjs 在WebStorm中运行cucumber.js

我需要帮助尝试从WebStorm中运行cucumber功能文件。我想这样做，因为WebStorm允许我运行场景，而不是运行整个功能

我正在运行一个Angular客户端，希望执行端到端测试，所以我使用量角器和Cucumber

根据我的尝试，我会遇到各种各样的错误，但主要错误有：

• 运行test.feature时出错 无法运行程序“usr/local/bin/cucumber.js”（在目录“我的项目的测试目录”中）：错误=2，没有这样的文件或目录

这是我在WebStorm中尝试运行功能/场景时遇到的错误

• 引用错误：未定义浏览器

这是在我编辑“运行配置”并从~/.nvm/versions/node/v5.10.1/bin/cucumber.js传入cucumber.js可执行文件的路径之后

我也尝试过传入cucumber.js exe，它位于项目中，但是我得到了相同的错误

另一方面，当我cd进入我的项目根目录并在命令行上使用量角器时，在将其传递给我的config.js文件后，它会毫无问题地运行功能文件

正如您所看到的，它似乎可以在命令行上使用量角器，但是由于我希望有大量的功能文件和场景，所以最好单独运行场景

供您参考：

我不记得我是如何安装NPM和Node的，但设置如下：

Project
. http
. node_modules
 .. cucumber
   ... bin
      .... cucumber.js
. src
. test
 .. step_definitions
   ... test_steps.js
 ..test.feature
. conf.js (for cucumber)
. karma.conf.js
. package.json
. webpack.config.js

• NPM:3.8.3版。NPM的目录是~/.nvm/versions/node/v5.10.1/bin/NPM

• 节点：v5.10.1~/.nvm/versions/Node/v5.10.1/bin/Node

• NodeJS:v0.10.25/usr/bin/NodeJS

Cucumber–我在全球安装了它，但也在项目的本地安装了它

量角器Cumber framework–作为开发人员依赖项安装：请参阅项目的package.json文件

量角器–全球安装

我的项目结构如下：

Project
. http
. node_modules
 .. cucumber
   ... bin
      .... cucumber.js
. src
. test
 .. step_definitions
   ... test_steps.js
 ..test.feature
. conf.js (for cucumber)
. karma.conf.js
. package.json
. webpack.config.js

conf.js文件的内容：

exports.config = {

seleniumAddress: 'http://localhost:4444/wd/hub',
framework: 'custom',

specs: [
    'test/features/test.feature'
],

capabilities: {
    'browserName' : 'chrome'
},

baseUrl: 'http://localhost:9000',
cucumberOpts : {
    require: 'test/features/step_definitions/test_steps.js',
    format: 'pretty'
},

frameworkPath: require.resolve('protractor-cucumber-framework')
};

{
  "name": "test_draft",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack -p --display-modules",
    "dev": "webpack-dev-server --content-base http/ --hot --inline",
    "test": "karma start"
  },
  "keywords": [],
  "author": "",
  "license": "UNLICENSED",
  "dependencies": {
    "angular": "^1.5.3",
    "angular-ui-router": "^0.2.18",
    "bootstrap": "^3.3.6",
    "jquery": "^2.2.3",
    "pikaday": "^1.4.0"
  },
  "devDependencies": {
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "chai": "^3.5.0",
    "css-loader": "^0.23.1",
    "cucumber": "^0.10.2",
    "file-loader": "^0.8.5",
    "html-loader": "^0.4.3",
    "karma": "^0.13.22",
    "karma-chai": "^0.1.0",
    "karma-chrome-launcher": "^0.2.3",
    "karma-mocha": "^0.2.2",
    "karma-webpack": "^1.7.0",
    "mocha": "^2.4.5",
    "protractor-cucumber-framework": "^0.5.0",
    "style-loader": "^0.13.1",
    "webpack": "^1.12.15",
    "webpack-dev-server": "^1.14.1"
  }
}

项目的package.json文件内容：

exports.config = {

seleniumAddress: 'http://localhost:4444/wd/hub',
framework: 'custom',

specs: [
    'test/features/test.feature'
],

capabilities: {
    'browserName' : 'chrome'
},

baseUrl: 'http://localhost:9000',
cucumberOpts : {
    require: 'test/features/step_definitions/test_steps.js',
    format: 'pretty'
},

frameworkPath: require.resolve('protractor-cucumber-framework')
};

{
  "name": "test_draft",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack -p --display-modules",
    "dev": "webpack-dev-server --content-base http/ --hot --inline",
    "test": "karma start"
  },
  "keywords": [],
  "author": "",
  "license": "UNLICENSED",
  "dependencies": {
    "angular": "^1.5.3",
    "angular-ui-router": "^0.2.18",
    "bootstrap": "^3.3.6",
    "jquery": "^2.2.3",
    "pikaday": "^1.4.0"
  },
  "devDependencies": {
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.6.0",
    "chai": "^3.5.0",
    "css-loader": "^0.23.1",
    "cucumber": "^0.10.2",
    "file-loader": "^0.8.5",
    "html-loader": "^0.4.3",
    "karma": "^0.13.22",
    "karma-chai": "^0.1.0",
    "karma-chrome-launcher": "^0.2.3",
    "karma-mocha": "^0.2.2",
    "karma-webpack": "^1.7.0",
    "mocha": "^2.4.5",
    "protractor-cucumber-framework": "^0.5.0",
    "style-loader": "^0.13.1",
    "webpack": "^1.12.15",
    "webpack-dev-server": "^1.14.1"
  }
}

我只想右键单击一个场景，然后运行它

关于Cumber和WebStorm有各种各样的讨论，但是这些都没有帮助

非常感谢你的帮助。提前感谢。

请检查此项以及目录结构