在上一篇文章里有讲到ng的[url=http://www.1sucai.cn/article/58230.htm]单元测试[/url],今天来说说e2e(端对端)测试. 当我们测试某个模块的单个功能点时,单元测试最适合,不过当面临用户进行多个页面交互的时候产生bug了,单元测试就不行了,这时候就得用e2e来模拟用户操作还原问题现场.当然利用e2e测试也能够测试程序的健壮性,很多单元测试办不到的事情,e2e测试都能够办到. 之前,ng是利用Angular Scenario Runner来运行e2e测试,现在已经换成Protractor来跑e2e了. [b]Protractor[/b] Protractor是Angularjs里用来测试e2e的框架,它本身是一个npm模块,内部是构建在[url=https://code.google.com/p/selenium/wiki/WebDriverJs]WebDriverJS[/url]之上的,Protractor能够真正让你的测试用例运行在浏览器上,完全模拟用户的真实行为. 下面贴上它的一些资源地址: 1.[url=https://github.com/angular/protractor/blob/master/docs/api.md]Protractor[/url]提供的测试api 2.[url=https://github.com/angular/protractor/blob/master/docs/tutorial.md]Protractor[/url]简单使用例子 3.[url=https://code.google.com/p/selenium/wiki/WebDriverJs]WebDriverJs[/url]指南,这是Protractor依赖的核心,npm模块名为selenium-webdriver [b]Protractor运行原理[/b] Protractor运行e2e测试所依赖的主要有以下几个东西: 1.WebDriver APIs,就是上面提到的WebDriverJs,是由Selenium提供给前端测试用的相关js api 2.Selenium Server,一个后端jar包,用来负责跟浏览器驱动进行通讯用的 3.WebDriver browser drivers,用来显示真实网站内容并与Selenium Server通讯用,这里才是传递真实浏览器操作的地方 整个运行过程如下图 [img]http://files.jb51.net/file_images/article/201412/2014126105146207.png?2014116105214[/img] 想了解更多关于这几个组件之前交互的可以[url=https://github.com/angular/protractor/blob/master/docs/infrastructure.md]点击这里 [/url] [b]利用ng种子项目来讲解e2e[/b] 我们利用ng官方提供的种子项目来讲解一个真实的e2e例子,首先利用下面命令获取种子项目