robotframework自动化系列:文本类型的下拉框

对于下拉框定位和输入,这里主要遇到有两种类型的下拉选择。

其中一个类型是select-options格式,如图

这种方式的定位可以使用select from list by valueselect from list by listselect from list等格式进行选择定位,具体可以参考随机下拉框定位选择

而这里主要说的就是这种文本框类型的下拉选择,格式如图所示

此种文本框类型的下拉选择操作方法:

  1. 鼠标定位到设备此文本类型下拉框中
  2. 文本框中输入设备的首字母这里以0为例,
  3. 输入字母后会显示下拉选择框,此时可以用鼠标或键盘选择一个设备号信息,这里以选择第一个为例

说明

操作中第二步在手动测试中是可以省略的,这里为了自动化的方便特意加上的

通过上面的操作说明,我们可以使用键盘或鼠标来操作此用例,这里主要是用鼠标操作实例说明。

第一步:定位输入文本框

使用firepath来定位文本框,这里使用的是id定位方法,代码如下

 input text    device    ${EIR}

这里直接将1、2合并,定位并输入文本框中

第二步:鼠标左键点击下拉选项

这里使用的是mouse down来进行操作的

代码如下

Selenium2Library.mouse down    xpath = html/body/div[1]/div/div[2]/form/div[5]/div[1]/div/ul/li[1]

说明

mouse down主要是鼠标左键定位到locator上且不放,所以这里需要增加释放鼠标左键的操作

第三步:释放鼠标左键

释放鼠标左键主要是mouse up进行操作的,代码如下

Selenium2Library.mouse up    xpath = html/body/div[1]/div/div[2]/form/div[5]/div[1]/div/ul/li[1]

这样下来,针对文本类型的下拉选项使用鼠标操作就实现了,整理后的封装的关键字代码如下

床位关联的设备号
[Arguments]    ${EIR}
clear element text    device
input text    device    ${EIR}
sleep    10
Selenium2Library.mouse down    xpath = html/body/div[1]/div/div[2]/form/div[5]/div[1]/div/ul/li[1]
Selenium2Library.mouse up    xpath = html/body/div[1]/div/div[2]/form/div[5]/div[1]/div/ul/li[1]
sleep    3

如图

说明

${EIR}是本地定义的一个变量0

这样我们在用例修改的时候,可以直接使用该关键字进行操作了。

如图,展示了用例中文本类型的下拉框的定位和选择

而用例运行结果如图所示

这里主要使用的鼠标的mouse downmouse up操作来进行下拉选择定位的,而实际上还有其他鼠标的操作方法,如果感兴趣可以找项目实战操作,这里下次遇到再说吧,mouse关键字图示

前面说明,这里也可以使用键盘进行文本下拉框的定位和选择的,但是此项目中,使用键盘操作的时候,向下回车显示的结果是文本框中输入的历史记录,所以使用键盘是不适用的。

不过还是说明一下,robotframework中键盘的ascii,

https://github.com/SeleniumHQ/selenium/blob/master/java/client/src/org/openqa/selenium/Keys.java

而这里如果项目适用,可以参考博客:http://blog.csdn.net/u011757108/article/details/62428484

到这里,文本类型下拉选择框就完成了...

时间: 2024-09-27 11:39:38

robotframework自动化系列:文本类型的下拉框的相关文章

商品类型的下拉框绑定一个事件,通过ajax获取属性

html代码这么写 <!-- 商品属性 --> <table cellspacing="1" cellpadding="3" width="100%" style="display:none;" class="tab"> <tr><td> <select name="Goods[type_id]"> <option val

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

点击文本 自动定位到下拉框选中

<html > <head runat="server">    <title></title>    <style type="text/css">        #SiteStat        {            width: 97px;            height: 181px;        }    </style></head><body> 

jquery级联下拉框

$(document).ready(function(){     //找到三个下拉框     var carnameSelect = $(".carname").children("select");     var cartypeSelect = $(".cartype").children("select");     var wheeltypeSelect = $(".wheeltype").chi

高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框

上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理 这一篇详细说下拉框的实现原理 先上最终效果图 一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输入时显示一个提示字符串.由于Background对ComboBox无效,所以直接通过Background来实现是不行了.需要重新写ComboBox的模板,也就是Template,自定义一个模板来实现这个结果.又看了一下QQ的下拉框,这玩意不自定义也难以实现,所以就干脆自定义了. 先上代码,先是Com

通过jquery来实现文本框和下拉框动态添加效果,能根据自己的需求来自定义最多允许添加数量,实用的jquery动态添加文本框特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Selenium2+python自动化15-select下拉框

前言 最近由于工作原因,更新慢了一点,今天终于抽出一点时间给大家继续更新selenium系列,学习的脚本不能停止,希望小伙伴能多多支持. 本篇以百度设置下拉选项框为案例,详细介绍select下拉框相关的操作方法. 一.认识select    1.打开百度-设置-搜索设置界面,如下图所示 2.箭头所指位置,就是select选项框,打开页面元素定位,下方红色框框区域,可以看到select标签属性: <select id="nr" name="NR">   

Selenium2+python自动化15-select下拉框【转载】

前言最近由于工作原因,更新慢了一点,今天终于抽出一点时间给大家继续更新selenium系列,学习的脚本不能停止,希望小伙伴能多多支持. 本篇以百度设置下拉选项框为案例,详细介绍select下拉框相关的操作方法. 一.认识select    1.打开百度-设置-搜索设置界面,如下图所示 2.箭头所指位置,就是select选项框,打开页面元素定位,下方红色框框区域,可以看到select标签属性:<select id="nr" name="NR">    3.

Selenium系列(十) - 针对Select下拉框的操作和源码解读

如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识,需要自己去补充哦,博主暂时没有总结(虽然我也会,所以我学selenium就不用复习前端了哈哈哈...) 首先,将下面html代码保存到一个文件中 后续的代码小案例都是访问此html的<!DOCTYPE html> <html lang="en"> <head&