将量角器测试项目从javascript移植到打字稿的步骤

时间:2018-11-09 14:18:35

标签: javascript typescript protractor

  • 已安装节点并验证npm是否正常
  • 在包json“ dependencies”中添加了以下内容:{}, “ devDependencies”:{ “ @ angular / cli”:“ ^ 7.0.4”, “ @ types /茉莉花”:“〜2.5.45”, “ @ types / jasminewd2”:“〜2.0.3”, “ @ types / node”:“〜8.9.4”, “茉莉花芯”:“〜2.99.1”, “茉莉花记者”:“ ^ 2.3.1”, “ jasmine-spec-reporter”:“〜4.2.1”, “更漂亮”:“ 1.14.3”, “量角器”:“〜5.3.0”, “量角器美丽的报告者”:“ 1.2.5”, “ stylelint”:“ ^ 9.5.0”, “ stylelint-config-standard”:“ ^ 18.2.0”, “ stylelint-scss”:“ ^ 3.3.0”, “ ts-node”:“〜5.0.1”, “ tsc”:“ ^ 1.20150623.0”, “ tslint”:“〜5.9.1”, “打字稿”:“〜2.7.2” } }
  • 运行npm install

试图运行npm运行量角器conf.js

我收到此错误: {从“量角器”导入{浏览器};
  ^^^^^^

语法错误,意外导入令牌。

据我了解,发生这种情况是因为未对项目进行编译。

这是我坚持的步骤。 我尝试运行ng build,希望这会为我转换,但是我得到了 另一个错误是我的项目不正确。

任何帮助都会得到感谢。

1 个答案:

答案 0 :(得分:2)

首先,您的tsconfig.json旁边需要一个package.json

tsconfig.json看起来像这样(有关更多详细信息,请参见here):

{
    "compilerOptions": {
        "outDir": "dist/",
        "target": "es5"
    },
    "include": [
        "./src/**/*"  <-- Dynamic path to your test files
    ]
} 

要进行编译,我建议在scripts的{​​{1}}部分中添加以下内容:

package.json

执行... "scripts": { .... "compile": "./node_modules/.bin/tsc" .... } ... 后,您的项目中应该有一个npm run compile目录。

现在要执行测试,您需要将dist中测试文件的路径调整为类似以下内容:

conf.js

./dist/sample-test.e2e.ts

现在您应该可以再次执行测试了;-)

更新: 安装./dist/sample-test.e2e.js后,您的Typescript目录中将包含一个可执行文件,您需要将./node_modules/.bin文件编译为*.ts