本篇文章给大家分享的是有关如何安装与使用protractor,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
巩义网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联建站成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。
npm protractor
npm install -g protractor
npm install protractor的依赖项
基于第二步下载到的文件,在命令行里面进入到nodejs ->protractor的目录
npm install
test工程
包括一个简单的angular的页面,一个配置文件和一个测试文件
配置文件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的代码
{{userName}}
以上就是如何安装与使用protractor,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。