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 相关文章推荐
jQuery数组处理方法汇总
Jun 20 Javascript
简单的jquery拖拽排序效果实现代码
Sep 20 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
js倒计时小程序
Nov 05 Javascript
Javascript变量的作用域和作用域链详解
Apr 02 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
Angular6 Filter实现页面搜索的示例代码
Dec 02 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 Javascript
Vant picker 多级联动操作
Nov 02 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的加密方式及原理
2012/06/14 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
提高网站信任度的技巧
2008/10/17 Javascript
js切换div css注意的细节
2012/12/10 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
js实现交换运动效果的方法
2015/04/10 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
angularjs使用directive实现分页组件的示例
2017/02/07 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
Python中用format函数格式化字符串的用法
2015/04/08 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
python3+opencv3识别图片中的物体并截取的方法
2018/12/05 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
2019/08/13 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
Shell如何接收变量输入
2012/09/24 面试题
为什么需要版本控制
2016/10/28 面试题
教你打造完美的创业计划书
2014/01/06 职场文书
自我鉴定三原则
2014/01/13 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
大学生入党自荐书
2015/03/05 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android