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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在Visual Studio Code中使用Typescript和Jasmine框架编写Protractor测试脚本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的项目从独立到Web,我们的新WebSite正在AngularJS中创建,因此Protractor是为Test Automation选择的工具.

我想整合Typescript与Jasmine和Node的依赖关系,以便我不会得到诸如此类的错误

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

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

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

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

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

以下是我能想到的可以帮助您设置框架的内容

>下载最新的VS Code版本 – https://code.visualstudio.com/download
>全局安装打字稿npm install -g typescript
>全局安装量角器npm install -g量角器
>创建项目文件
>为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,现在你很高兴去:)

原文链接:https://www.f2er.com/angularjs/143463.html

猜你在找的Angularjs相关文章