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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
javascript 定义初始化数组函数
Sep 07 Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
Vue Router history模式的配置方法及其原理
May 30 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 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
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
JSONP跨域请求
2017/03/02 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
Python制作词云的方法
2018/01/03 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
pandas数据处理进阶详解
2019/10/11 Python
Python3中的f-Strings增强版字符串格式化方法
2020/03/04 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
如何表示python中的相对路径
2020/07/08 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
行政助理求职自荐信
2013/10/26 职场文书
《乡愁》教学反思
2014/02/18 职场文书
大型会议接待方案
2014/03/01 职场文书
法律专业求职信
2014/05/24 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
应届硕士毕业生自荐信
2014/05/26 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
汽车转让协议书
2015/01/29 职场文书