UI自动化之隐藏元素、只读属性全解.ppt

LOGO UI自动化框架测试 LOGO 沈伟明 目录 获取页面元素 如何获取隐藏元素 如何操作隐藏元素 ReadOnly元素的赋值 修改元素属性方法 UI Demo演示 通过FireFox插件获取页面元素及路径 获取隐藏元素 点击单出隐藏元素 使用FireXpath插件获取隐藏元素内容 如何操作隐藏元素 在selenium中隐藏元素由于属性是隐藏的，如果直接对隐藏属性进行操作会抛出异常 所以如果需要对隐藏元素，必须首先使隐藏元素弹出，此时元素的隐藏属性会失去 需要注意的时，实际在selenium中弹出隐藏元素，并非模拟操作那样鼠标点击就可以，必须要通过其他方式,如：使用TAB键从上一元素顺序切换到“出发城市”元素框上；或者通过对“出发城市”这个元素使用sendkey”\n”也可以弹出隐藏元素 ReadOnly元素的赋值 input?id=FHX_txtFromDate?type=text?readonly=readonly?name=FromTime?autocomplete=off?placeholder=yyyy-mm-dd?style=background-image: url(/cquery/pic_aftertomorrow.png); background-position: right center; background-repeat: no-repeat;/ 在实际编写脚本的过程中经常会遇到很多元素的属性是readonly的，表示此元素只读，不可进行赋值操作（此类情况常出现于日历框组件中） 对于此类元素如果希望变更他的值，对于直接操作日历框会比较复杂，日历框的元素表达是按天拼接的，如果直接操作会需要做较多的运算和处理 对于此类元素，只能通过JS修改元素的属性，去掉只读属性后就可以直接赋值了 修改元素属性方法 /// summary /// 设置元素只读属性为否 /// /summary /// param name=typeById、ByName、ByTagName/param /// param name=valuevalue/param public void setReadOnlyFalseByAttribute(string type, string value) { string js = ; switch (type) { case ById: js = document.getElementById( + value + ).readOnly=false;; break; case ByName: js = document.getElementsByName( + value + ).item(O).readOnly=false;; break; case ByTagName: js = document.getElementsByTagName( + value + ).item(O).readOnly=false;; break; } ((IJavaScriptExecutor)driver).ExecuteScript(js); } UI Demo演示 /pages/viewpage.action?pageIdYour company slogan in here LOGO