【angular2】端到端测试初步

【前言】

         这段时间公司要用angular2重构之前项目的前端页面，希望能达到前端工程化的目标。 因为anglar2的资料相对较少， 所以进展不是很快。 我主要是负责前端自动化测试里端到端测试这块，这次有了一点阶段性的小成果。能成功运行端到端测试了，在这里把经验分享给大家。

【正文】

         端到段测试的目的： 端到端测试又称为集成测试， 主要目标就是用代码模拟用户和系统的之间的交互，看能不能达到预期的效果。

         所需准备： 1.一个完整可运行的angular2项目 （我建立项目的方法和具体的项目下篇博客和大家分享）

                              2.如图所示的几个文件：  （其中画圈的文件里边是自己写的测试内容） 

                        

运行端到端测试的步骤：

   

1.  在dos窗口中定位到项目目录下，安装protractor： npm install -g protractor

2.  打开一个dos窗口，定位到项目目录下，输入如下命令：

webdriver-manager update

webdriver-manager start

 

出现Server is upand running 代表成功

3.  保持上一个dos窗口运行， 再打开一个dos窗口 定位到项目位置，启动项目， 输入命令：npm start

 

4.  保持之前两个dos窗口运行，再打开第三个dos窗口，定位到项目位置 ，启动测试，输入命令：npm run e2e

下图所示页面出现表示测试结果符合预期结果

【总结】

          陌生的技术想要学会就得花时间砸，不停查资料，不停尝试 。