环境:

y@y:karma-t01$ protractor --version

Version 3.0.

y@y:karma-t01$ node -v

v4.2.2

y@y:karma-t01$ 
y@y:karma-t01$ webdriver-manager update

y@y:karma-t01$ webdriver-manager start

安装http-server:

y@y:karma-t01$ npm install -g http-server

y@y:karma-t01$ http-server    -p

浏览器：Chrome 版本 46.0.2490.86 (64-bit)

目录结构：

y@y:karma-t01$ tree -L

.

├── client

│   ├── app

│   ├── bower_components

│   └── bower.json

├── e2e

│   └── todo

├── karma.conf.js

├── protractor.conf.js

└── readme

(1)e2e/todo/todo.spec.js

'use strict';

describe('',function(){

    beforeEach(function(){

        browser.get('/client/app/todo/todo.html');

    });

    it('',function(){

        var todoListItems = element.all(by.repeater('item in list'));

        expect(todoListItems.count()).toBe(3);

    });

});

(2)client/app/todo/todo.js

'use strict';

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

app.controller('TodoCtrl',function($scope){

    $scope.list = ['user1','user2','user3'];

});

(3)client/app/todo/todo.html

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body ng-app="Application">

    <div ng-controller="TodoCtrl">

        <ul ng-repeat="item in list">

            <li>{{item}}</li>

        </ul>

    </div>

    <script src="../../bower_components/angular/angular.js"></script>

    <script src="todo.js"></script>

</body>

</html>

(4)protractor.conf.js

'use strict';

exports.config = {

  allScriptsTimeout: 110000,

  baseUrl: 'http://localhost:8080',

  chromeOnly: true,

  specs: [

    'e2e/**/*.spec.js'

  ],

  exclude: [],

  capabilities: {

    'browserName': 'chrome'

  },

  framework: 'jasmine',

  jasmineNodeOpts: {

    defaultTimeoutInterval: 30000

  }

};

进行测试：

(1)启动webdriver构建测试工程

y@y:karma-t01$ webdriver-manager start

seleniumProcess.pid:

::58.939 INFO - Launching a standalone Selenium Server

(2)启动http服务

y@y:karma-t01$ http-server -p

Starting up http-server, serving ./

Available on:

  http:127.0.0.1:

  http:192.168.0.177:

Hit CTRL-C to stop the server

(3)运行测试脚本

y@y:karma-t01$ protractor protractor.conf.js

Starting selenium standalone server...

[launcher] Running  instances of WebDriver

Selenium standalone server started at http://192.168.0.177:47286/wd/hub

Started

.

 spec,  failures

Finished in 1.207 seconds

Shutting down selenium standalone server.

[launcher]  instance(s) of WebDriver still running

[launcher] chrome # passed

使用Protractor进行AngularJS e2e测试案例的更多相关文章

  1. angularjs e2e测试初步学习（一）

    e2e测试是从用户角度出发,认为整个系统都是一个黑盒,只有UI暴露出来. angularjs的测试框架是采用protractor. 1.创建文件 首先创建一个项目文件夹test,然后再创建两个文件,一 ...

  2. Angularjs E2E test Report/CoverageReport - 使用Gulp

    上一篇(http://www.cnblogs.com/xiaoningz/p/7122633.html)使用grunt-protractor-coverage 做为覆盖率测试插件,如果项目的管理工具刚 ...

  3. Angularjs E2E test Report/CoverageReport

    前端Angularjs是一个很热门的框架,这篇是学习基于Angularjs的nodejs平台的E2E测试报告和E2E JS覆盖率报告.用到的都是现有的工具,只是一些配置的地方需要注意. 环境前提: 1 ...

  4. 使用Angular CLI进行单元测试和E2E测试

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: & ...

  5. E2E测试框架

    1. 目前E2E测试工具有哪些? 项目 Web Star puppeteer Chromium (~170Mb Mac, ~282Mb Linux, ~280Mb Win) 41427 nightma ...

  6. Storm自带测试案例的运行

    之前Storm安装之后,也知道了Storm的一些相关概念,那么怎么样才可以运行一个例子对Storm流式计算有一个感性的认识呢,那么下面来运行一个Storm安装目录自带的测试案例,我们的Storm安装在 ...

  7. 编写优美的GTest测试案例

    http://www.cnblogs.com/coderzh/archive/2010/01/09/beautiful-testcase.html 使用gtest也有很长一段时间了,这期间也积累了一些 ...

  8. nginx整合tomcat集群并做session共享----测试案例

    最近出于好奇心,研究了一下tomcat集群配置,并整合nginx,实现负载均衡,session共享,写篇记录,防止遗忘.---------菜鸡的自我修炼. 说明:博主采用一个web项目同时部署到两台t ...

  9. Webpack单元测试，e2e测试

    此篇文章是续 webpack多入口文件.热更新等体验,主要说明单元测试与e2e测试的基本配置以及相关应用. 一.单元测试 实现单元测试框架的搭建.es6语法的应用.以及测试覆盖率的引入. 1. 需要安 ...

随机推荐

  1. Hibernate四 批量处理

    Hibernate批量处理一 批量插入将很多条记录插入数据库时,Hibernate通常会采用以下做法:public void test() { for(int i=0;i<1000;i++){ ...

  2. Tips--8080端口被占用了怎么办

    下面以win7为例: 打开任务管理器   ctrl+alt+. 找到8080端口对应的PID 停止相应PID的进程即可:

  3. JAX-WS + Spring 开发webservice

    通过几天的时间研究了下使用jax-ws来开发webservice,看了网上的一些资料总结出jax-ws的开发大概分为两种. 以下项目使用的spring3.0,jar包可以到官网下载 第一种:使用独立的 ...

  4. [PWA] 1. Intro to Service worker

    Service worker stays between our browser and noetwork requests. It can help to fetch data from cache ...

  5. Ext入门的第一个程序（1）

    1.Ext是什么? extjs是集UI和ajax框架与一身的,界面又好看,又有很强的ajax交互功能,适合不会做漂亮页面的程序员用的,缺点就是太大了,要导入近800KB左右的js和css文件,这对于w ...

  6. 解决下载android sdk慢的问题

    修改host文件 203.208.46.146 dl.google.com 203.208.46.146 dl-ssl.google.com 强制不使用https访问 在sdk manager里选择t ...

  7. Android（java）学习笔记239：多媒体之撕衣服的案例

    1.撕衣服的案例逻辑:       是两者图片重叠在一起,上面我们看到的是美女穿衣服的图片,下面重叠(看不到的)是美女没有穿衣服的图片.当我们用手滑动画面,上面美女穿衣服的图片就会变成透明,这样的话下 ...

  8. android高效ORM数据库框架greenDao使用

    因为项目中多处用到了数据库,需要对数据库频繁的读写操作,虽然android 自带的SQLiteOpenHelper的.这种方式比较方便易懂,但是在使用过程中需要写很多的sql语句,而且需要及时的关闭和 ...

  9. HTML5之部分显示

  10. 制作Android Demo GIF：程序演示效果GIF图录制

    [转] 制作Android Demo GIF:程序演示效果GIF图录制   在平时写博客或者分享自己写的程序效果的时候经常需要做成GIF图,以下就是介绍几种常用的GIF录制方法: 一.录制工具 1.( ...