Protractor(angular定制的e2e)的简易入门
这周项目终于上了e2e的测试,之前一直都没有测试的概念。
感谢我的领导和同志引入这样的理念和思想。
多的不说。
具体的环境搭建可以参考 http://jackhu.top/article/5607fa9d10f611091d0933c3
我就具体说说用的一些方法和经验吧
browser.getTitle()
//获取文件标题 就是html中titile的文字
element(by.css('.className'))
//以class名字获取
element(by.id('idName'))
//以id名字获取
element(by.model('modelName'))
//以Angular中ng-model绑定的名字获取
element(by.binding(‘bindingname'))
//查找绑定了指定名的元素
element(by.repeater('article in articleList'))
//查找指定repeater中的元素
element(by.exactRepeater('article in articleList'))
//准确的查找一个repeater,常用来判断是否存在
element.all(by. options('c for c in colors'))
//准确查找一个ng-options
element.all(by. tagName('div'))
//准确查找标签div标签
element.all() //一般会输出一个数组
last() //点选最后一个
firt() //点选第一个
get() //选择数组中的一个,括号里是下标的值。 get(0)
count() //统计
each() //用于循环输出
filter() //筛选
element.$('div') 查找element下子元素div
element.(by.css('.className')).$(‘.className1’) 查找className孩子里有className1样式的元素
element.(by.css('.className')).$$(‘.className1’) 查找className孩子甚至孩子的孩子里有className1样式的元素
element(by.binding('person.name').isPresent() //判断元素是否存在
by.id('foo').isEnabled() //元素是否disabled
by.id('foo'). isSelected() //元素是否选中
element.getAttribute('value') //获取一个元素的属性
getCssValue().indexOf('color: #000000') //获取css的值
getTagName()//获取标签的值
element.click() //点击动作
element.sendKeys() //元素输入值
element.getText() //获取元素的文字
element.getSize //获取尺寸
调试
browser.pause()
//调试 输入repl 可以打出需要调试的命令
//ctrl+c 两次退出