protractor的安装与基本使用教程


Posted in Javascript onJuly 07, 2017

前言

Protractor是一个建立在WebDriverJS基础上的端到端(E2E)的AngularJS JavaScript Web应用程序测试框架。Protractor全自动化真实的模拟用户在真正的浏览器中操作、运行并测试开发者的应用程序。下面就来一起看看关于protractor安装与基本使用的相关内容吧。

1、JDK的安装和环境的配置

     关于JDK的安装配置这里就不说了,需要的朋友们可以参考这篇文章

2、npm protractor

npm install -g protractor

3、npm install protractor的依赖项

基于第二步下载到的文件,在命令行里面进入到nodejs ->protractor的目录

npm install

4、test工程

包括一个简单的angular的页面,一个配置文件和一个测试文件

protractor的安装与基本使用教程

配置文件protractor_conf.js代码:

/**

 * Created by Administrator on 2015/4/24.

 */

exports.config = {

 directConnect: true,

 

 // Capabilities to be passed to the webdriver instance.

 capabilities: {

  'browserName': 'chrome'

 },

 

 // Spec patterns are relative to the current working directly when

 // protractor is called.

 specs: ['test.js'],

 

 // Options to be passed to Jasmine-node.

 jasmineNodeOpts: {

  showColors: true,

  defaultTimeoutInterval: 30000

 }

};

test.js文件代码

/**

 * Created by Administrator on 2015/4/24.

 */

describe('angularjs homepage', function () {

 it('should greet the named user', function () {

  browser.get('http://localhost:63342/protractor/Index.html');

  element(by.id('userName')).sendKeys(' Sparrow');

  browser.sleep(4000);

 });

});

Index.html的代码

<!DOCTYPE html>

<html data-ng-app="protractor">

<head lang="en">

 <meta charset="UTF-8">

 <title></title>

</head>

<body>

<div data-ng-controller="myAppController">

 {{userName}}

 <input id="userName" data-ng-model="userName" />

</div>

</body>

<script src="lib/angular.min.js"></script>

<script>

 var app = angular.module('protractor',[]);

 app.controller('myAppController',['$scope',function($scope){

  $scope.userName = 'Jackey';

 }]);

</script>

 

</html>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
二级域名或跨域共享Cookies的实现方法
Aug 07 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
ExtJS实现文件下载的方法实例
Nov 09 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
js无刷新操作table的行和列
Mar 27 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
理解JS事件循环
Jan 07 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
基于Angularjs-router动态改变Title值的问题
Aug 30 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
vue.js实例todoList项目
Jul 07 #Javascript
微信JSAPI Ticket接口签名详解
Jun 28 #Javascript
Angular.js自动化测试之protractor详解
Jul 07 #Javascript
vue.js全局API之nextTick全面解析
Jul 07 #Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 #Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 #Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 #Javascript
You might like
最常用的8款PHP调试工具
2014/07/06 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
PHP实现递归的三种方法
2020/07/04 PHP
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
jQuery实现的滑块滑动导航效果示例
2018/06/04 jQuery
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
2018/11/23 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
python实现飞机大战微信小游戏
2020/03/21 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python实现多进程通信实例分析
2019/09/01 Python
浅析Python 序列化与反序列化
2020/08/05 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
综治工作心得体会
2014/09/11 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
早上好问候语大全
2015/11/10 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
在Python中如何使用yield
2021/06/07 Python
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python