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

Question

我的项目正在从独立到 Web，我们的新网站是在 AngularJS 中创建的，所以 Protractor 是测试自动化选择的工具。

我想将 Typescript 与 Jasmine 和 Node 的依赖项集成，这样我就不会收到诸如

之类的错误

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

谁能告诉我如何添加 Jasmine 和 Protractor 依赖项，这样当我点击 ctrl + 空格时，我将获得所有可用选项。

我已经安装了 Typescript。而且我得到了量角器依赖项，例如浏览器、元素等。

describe,it,expect (Jasmine stuffs) 我应该怎么做？

Answer 1

我同意给出的答案。只是想和你分享一个技巧。

您不再需要将 Typescript 代码转换为 JavaScript。

创建一个launch.js 文件

require('ts-node').register({
  compilerOptions: {
    module: 'commonjs'
  },
  disableWarnings: true,
  fast: true
});
exports.config = require('./config/protractor.conf.ts').config;

然后开始量角器执行，例如：

> protractor launch 

每次更改打字稿文件时，您都可以免于转译的麻烦。

测试愉快！

Answer 2

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

以下是我想到的可以帮助您设置框架的事情-

• 下载最新的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去preferences--> user settings--> settings.json会被打开并输入高亮显示的路径，如图

保存您的文件并重新启动 VSCode 现在您可以开始了:)