如何在Visual Studio Code中使用Typescript和Jasmine框架编写Protractor测试脚本？

Question

我的项目从独立到Web,我们的新WebSite正在AngularJS中创建,因此Protractor是为Test Automation选择的工具.

我想将Typescript与Jasmine和Node的依赖项集成,以便我不会遇到诸如此类的错误

cannot find name Describe
cannot find name it
cannot find name Expect

任何人都可以告诉我如何添加Jasmine和Protractor依赖项,这样当我点击ctrl + space时,我将获得所有可用选项.

我已经安装了Typescript.我正在获得量角器依赖,如浏览器,元素,等等.

我该怎么做才能描述,它,期待(茉莉花的东西)？

Answer 1

我每天都使用Visual Studio Code来编写脚本,因为它内置了对TypeScript的支持,所以它是我目前最喜欢的Protractor编辑器!

以下是可以帮助您设置框架的以下内容:

• 下载最新的VS Code版本 - https://code.visualstudio.com/download
• 全局安装打字稿 npm install -g typescript
• 全局安装量角器 npm install -g protractor
• 创建项目文件夹

• 为git,node和typescript设置项目文件夹 -

  npm init -f // will create default package.json stating its nodejs project
  git init  // will create .git file, you project is now git project
  tsc --init  // will create tsconfig.json stating its typescript project
  

• 安装打字和开发依赖 -

  npm install --save-dev protractor // this will install protractor as a dev dependency
  npm install --save-dev typescript // this will install typescript as a dev dependency
  npm install --save-dev @types/jasmine // jasmine typings
  npm install --save-dev @types/node    // node typings
  

• 此时您已经设置了基本protractor-typescript项目,您可以看到所有的输入和依赖项package.json.现在你很好写你的打字脚本:).

• 现在通过运行编译脚本 -

  tsc or tsc -w 
  

• 成功编译后,将生成所有javascript文件.

• 运行量角器

  protractor config.js
  

• 您还可以使用我在这里提到的量角器设置您的vs代码进行调试 - Protractor -VS Code Debugging

有关更多详细信息,请参阅TypeScript Tutorial,Protractor API

您正在观察到的Typescript错误是由于VS Code无法识别全局typescript 2.0版本.

要解决这个打开的vscode转到首选项 - >用户设置 - > settings.json将打开并输入突出显示的路径,如图所示

保存文件并重新启动VSCode现在你很高兴去:)