java selenium 常见web UI 元素操作及API使用

本篇介绍我们如何利用selenium 来操作各种页面元素

阅读目录

1. 链接(link)
2. 输入框 textbox
3. 按钮(button)
4. 下拉选择框(select)
5. 单选按钮(radio button)
6. 多选框 check box
   

链接(link)

  <div>
  <p>链接 link</p>
  <a href="www.cnblogs.com/tankxiao">小坦克</a>
 </div>

 链接的操作

 // 找到链接元素
  webelement link1 = driver.findelement(by.linktext("小坦克"));
  webelement link11 = driver.findelement(by.partiallinktext("坦克"));
  
  // 点击链接
  link1.click();

 输入框 textbox

 <div>
  <p>输入框 testbox</p>
  <input type="text" id="usernameid" value="username" />
 </div>

 输入框的操作

  // 找到元素
  webelement element = driver.findelement(by.id("usernameid"));
  
  // 在输入框中输入内容
  element.sendkeys("test111111");
  
  // 清空输入框
  element.clear();
  
  // 获取输入框的内容
  element.getattribute("value");

 按钮(button)

 <div>
  <p>按钮 button</p>
  <input type="button" value="添加" id="proadditem_0" />
 </div> 

 找到按钮元素

  //找到按钮元素
  string xpath="//input[@value='添加']";
  webelement addbutton = driver.findelement(by.xpath(xpath));

  // 点击按钮
  addbutton.click();

  // 判断按钮是否enable
  addbutton.isenabled();

 下拉选择框(select)

<div>
  <p>下拉选择框框 select</p>
  <select id="proadditem_kind" name="kind">
   <option value="1">电脑硬件</option>
   <option value="2">房产</option>
   <option value="18">种类aa</option>
   <option value="19">种类bb</option>
   <option value="20">种类bb</option>
   <option value="21">种类cc</option>
  </select>
 </div>

下拉选择框的操作

 // 找到元素
  select select = new select(driver.findelement(by.id("proadditem_kind")));

  // 选择对应的选择项， index 从0开始的
  select.selectbyindex(2);
  select.selectbyvalue("18");
  select.selectbyvisibletext("种类aa");

  // 获取所有的选项
  list<webelement> options = select.getoptions();
  for (webelement webelement : options) {
   system.out.println(webelement.gettext()); 
  }

单选按钮(radio button)

 <div>
  <p>单选项 radio button</p>
  <input type="radio" value="apple" name="fruit>" />apple
  <input type="radio" value="pear" name="fruit>" />pear
  <input type="radio" value="banana" name="fruit>" />banana
  <input type="radio" value="orange" name="fruit>" />orange
 </div>

单选项元素的操作

 // 找到单选框元素
  string xpath="//input[@type='radio'][@value='apple']";
  webelement apple = driver.findelement(by.xpath(xpath));

  //选择某个单选框
  apple.click();

  //判断某个单选框是否已经被选择
  boolean isappleselect = apple.isselected();

  // 获取元素属性
  apple.getattribute("value");

多选框 check box

 <div>
  <p>多选项 checkbox</p>
  <input type="checkbox" value="apple" name="fruit>" />apple
  <input type="checkbox" value="pear" name="fruit>" />pear
  <input type="checkbox" value="banana" name="fruit>" />banana
  <input type="checkbox" value="orange" name="fruit>" />orange
 </div>

多选框的操作和单选框一模一样的， 这里就不再讲了。

以上就是java selenium 常见web ui 元素操作的资料整理，后续继续补充，谢谢大家对本站的支持！