自动化测试selenium在小公司的成功实践

发表于:2019-3-06 11:54

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:邵磊    来源:掘金

  本文可能是目前最完整的一篇seleniumjava版)实践文章,不是之一。
  如果你是java开发人员,本文将帮助你快速搭建整套selenium自动化测试框架,你可以帮助公司升级为自动化测试架构;
  如果你是测试人员,那你得按照本文多实践一下,遇到不懂的咨询下公司的java开发,同样你也可以完成自动化测试架构升级。
  当然啦,如果目前公司已经是自动化测试了,那本文就当是再次梳理下相关知识吧。
  前言
  可能提到自动化测试selenium,大家都会想到用python语言来编写脚本。但我们选择了java语言,因为我相信大部分公司java程序员比python程序员多得多。而对于很多测试人员,并不能熟练使用编程语言,所以他们需要别人指导。与其使用更简单的python语言,却看不懂语法,得不到别人帮助;那还不如使用java语言,无论是语法还是编程思路,都可以快速获得java开发人员的帮助。
  背景
  可能很多公司已经有标准的后端单元测试代码,但是自动化测试需要测试整个系统,前端是直接展示给用户的,所以,前端尤为重要,本文就是基于h5的web前端自动化测试。当然啦,这里推荐对项目进行前后端分离,如果项目没有前后端分离可参考某小公司RESTful、共用接口、前后端分离、接口约定的实践。
  目前互联网上关于selenium完整的文章很少,也很难买到一个专门讲selenium的书籍,这让很多测试人员无从下手,而本文会弥补这一问题,尽可能详细完整介绍selenium的实践,提供一个简易版的完整项目代码在github上(因为公司项目代码没有脱敏,不能直接放到github上)。
  相关知识
  html标签
  css样式
  js基础
  java基础
  bat脚本基础
  首先html由标签<x></x>组成,详细本文会在真实项目中一一介绍。
  正式实践
  安装火狐浏览器
  因为selenium在火狐浏览器里,可以自动化录制脚本,我们通过脚本录制可以生成出不同的语言脚本,可以省去我们90%的编写脚本工作量。
  可以安装最新版的火狐浏览器,然后安装Katalon Recorder (Selenium IDE for Firefox)
  使用火狐浏览器打开https://addons.mozilla.org/zh-CN/firefox/addon/katalon-automation-record/?src=search
  录制脚本
  以百度搜索掘金为例
  地址栏打开百度
  右上角,打开Katalon扩展
  点击Katalon的New
  点击 Record
  网页中输入 掘金网
  打开第一个掘金官网
  在掘金官网搜索我以前写的一篇文章 我是如何重构整个研发项目,促进自动化运维DevOps的落地?
  点击第一条 我是如何重构整个研发项目,促进自动化运维DevOps的落地?
  点击Katalon的stop
  每执行一个操作右下角都会提示
  录制后的效果图
  运行、分析脚本
  录制后,我们点击一下play,可以看到火狐浏览器自动化的完成了我们刚刚的操作(关闭弹窗阻止,或者将掘金和百度加入不阻止弹窗列表)
  点击Export
  可以看到有各种语言 C#、Java、katalon、python2等。我们先看看python2的脚本
   # -*- coding: utf-8 -*-
  from selenium import webdriver
  from selenium.webdriver.common.by import By
  from selenium.webdriver.common.keys import Keys
  from selenium.webdriver.support.ui import Select
  from selenium.common.exceptions import NoSuchElementException
  from selenium.common.exceptions import NoAlertPresentException
  import unittest, time, re
  class Test(unittest.TestCase):
  def setUp(self):
  self.driver = webdriver.Firefox()
  self.driver.implicitly_wait(30)
  self.base_url = "https://www.katalon.com/"
  self.verificationErrors = []
  self.accept_next_alert = True
  def test_(self):
  driver = self.driver
  driver.get("https://www.baidu.com/index.php?tn=monline_3_dg")
  driver.find_element_by_id("kw").click()
  driver.find_element_by_id("kw").clear()
  driver.find_element_by_id("kw").send_keys(u"掘金网")
  driver.find_element_by_xpath("//div[@id='container']/div[2]/div").click()
  driver.find_element_by_link_text(u"掘金- juejin.im - 一个帮助开发者成长的社区").click()
  # ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
  driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()
  driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").click()
  driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").clear()
  driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").send_keys(u"我是如何重构整个研发项目,促进自动化运维DevOps的落地?")
  driver.find_element_by_xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input").send_keys(Keys.ENTER)
  driver.find_element_by_link_text(u"我是如何重构整个研发项目,促进自动化运维DevOps的落地?").click()
  def is_element_present(self, how, what):
  try: self.driver.find_element(by=how, value=what)
  except NoSuchElementException as e: return False
  return True
  def is_alert_present(self):
  try: self.driver.switch_to_alert()
  except NoAlertPresentException as e: return False
  return True
  def close_alert_and_get_its_text(self):
  try:
  alert = self.driver.switch_to_alert()
  alert_text = alert.text
  if self.accept_next_alert:
  alert.accept()
  else:
  alert.dismiss()
  return alert_text
  finally: self.accept_next_alert = True
  def tearDown(self):
  self.driver.quit()
  self.assertEqual([], self.verificationErrors)
  if __name__ == "__main__":
  unittest.main()
  我们再看看java junit脚本
   package com.example.tests;
  import java.util.regex.Pattern;
  import java.util.concurrent.TimeUnit;
  import org.junit.*;
  import static org.junit.Assert.*;
  import static org.hamcrest.CoreMatchers.*;
  import org.openqa.selenium.*;
  import org.openqa.selenium.firefox.FirefoxDriver;
  import org.openqa.selenium.support.ui.Select;
  public class Test {
  private WebDriver driver;
  private String baseUrl;
  private boolean acceptNextAlert = true;
  private StringBuffer verificationErrors = new StringBuffer();
  @Before
  public void setUp() throws Exception {
  driver = new FirefoxDriver();
  baseUrl = "https://www.katalon.com/";
  driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
  }
  @Test
  public void test() throws Exception {
  driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");
  driver.findElement(By.id("kw")).click();
  driver.findElement(By.id("kw")).clear();
  driver.findElement(By.id("kw")).sendKeys("掘金网");
  driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();
  driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();
  // ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目,促进自动化运维DevOps的落地?");
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
  driver.findElement(By.linkText("我是如何重构整个研发项目,促进自动化运维DevOps的落地?")).click();
  }
  @After
  public void tearDown() throws Exception {
  driver.quit();
  String verificationErrorString = verificationErrors.toString();
  if (!"".equals(verificationErrorString)) {
  fail(verificationErrorString);
  }
  }
  private boolean isElementPresent(By by) {
  try {
  driver.findElement(by);
  return true;
  } catch (NoSuchElementException e) {
  return false;
  }
  }
  private boolean isAlertPresent() {
  try {
  driver.switchTo().alert();
  return true;
  } catch (NoAlertPresentException e) {
  return false;
  }
  }
  private String closeAlertAndGetItsText() {
  try {
  Alert alert = driver.switchTo().alert();
  String alertText = alert.getText();
  if (acceptNextAlert) {
  alert.accept();
  } else {
  alert.dismiss();
  }
  return alertText;
  } finally {
  acceptNextAlert = true;
  }
  }
  }
  python代码量明细比java要少一点,但是本文讲java语言实践。
  我们主要关注 java版 @Test注解的那个test方法
   driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");
  driver.findElement(By.id("kw")).click();
  driver.findElement(By.id("kw")).clear();
  driver.findElement(By.id("kw")).sendKeys("掘金网");
  driver.findElement(By.xpath("//div[@id='container']/div[2]/div")).click();
  driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();
  // ERROR: Caught exception [ERROR: Unsupported command [selectWindow | win_ser_1 | ]]
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).click();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).clear();
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys("我是如何重构整个研发项目,促进自动化运维DevOps的落地?");
  driver.findElement(By.xpath("//div[@id='juejin']/div[2]/div/header/div/nav/ul/li[2]/form/input")).sendKeys(Keys.ENTER);
  driver.findElement(By.linkText("我是如何重构整个研发项目,促进自动化运维DevOps的落地?")).click();
  可能很多人已经能看懂了
  driver.get("https://www.baidu.com/index.php?tn=monline_3_dg");
  打开百度
  driver.findElement(By.id("kw")).click();
  通过id定位到html标签,然后点击click();清空文本框.clear();输入 掘金网3个字 sendKeys("掘金网");
  这里我们看一下百度的搜索框代码
  
  <input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">
  driver.findElement(By.linkText("掘金- juejin.im - 一个帮助开发者成长的社区")).click();
  单击掘金网
  通过linktext定位到标签并点击。
  后面通过div=juejin一层一层定位到input,最后点击进入文章。
  认识html标签
  HTML <input>标签
  <input>标签用于搜集用户信息。
  根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
   <form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
  </form>
  详情参考 http://www.w3school.com.cn/tags/tag_input.asp
  HTML <a>标签
   <a> 标签定义超链接,用于从一张页面链接到另一张页面。
  <a> 元素最重要的属性是 href 属性,它指示链接的目标。
  详情参考http://www.w3school.com.cn/tags/tag_a.asp
  HTML <div>标签
  <div>可定义文档中的分区或节(division/section)。
  <div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
  如果用 id 或 class 来标记<div>,那么该标签的作用会变得更加有效。
   <div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
  </div>
  详情参考http://www.w3school.com.cn/tags/tag_div.asp
  …………
  其他标签不一一介绍,可在参考网站上意义看
  认识css
  这里只讲1个关键的,比如
  <div class="css1 css2"> ********</div>
  表示这个div同时使用了css1和css2样式,只需要知道如果没办法在selenium上定位的这个div,可使用css名定位。
  如果有兴趣,可再看下其他css相关知识。
  js基础
  这里讲2个关键
 <a onclick="test()">test</a>
  上述代码,点击a标签会执行js中的test方法,当selenium无法定位到这个a标签,可以直接调用test()方法。
  可以写简单的js脚本,弹窗代码:
 alert("hello");
   下载谷歌浏览器
  下载谷歌浏览器,这里可以使用63.0.3239.84版本。
  目前来说,谷歌浏览器版本兼容性还是不错的。
  下载selenium driver
  https://www.seleniumhq.org/download/
  可不下,本文github项目中包含
  下载selenium webdriver
  https://npm.taobao.org/mirrors/chromedriver/
  需下载和谷歌浏览器对应的版本2.40
  可不下,本文github项目中包含
  下载idea开发工具
  https://www.jetbrains.com/idea/
  这个比较复杂,建议在java开发人员指导下完成。
  selenium
  这个版本是简易版,但足够
  最终效果
  我们通过录制selenium脚本,编辑,提交到git库,由jenkins自动化编译出jar包,通过bat命令在任意一台pc端执行(默认开发人员提交代码后自动执行所有模块)。按功能模块,测试项目,生成测试报告。对测试不通过的模块
  最大化
 driver.manage().window().maximize();
  打开页面
 driver.get("https://www.baidu.com");
  定位元素
  多个相同时,返回第一个,没有找到会抛异常NoSuchElementException
 WebElement element = driver.findElement(*);
  当返回多个时:
 List<WebElement> elements = driver.findElements(*);
  定位元素方式
 <input class="input_class input_class2" type="text" name="user-name" id="user-id" />
  通过id定位
  WebElement element = driver.findElement(By.id("user-id"));
  通过name定位
 WebElement element = driver.findElement(By.name("user-name"));
  通过className定位
 WebElement element = driver.findElement(By.className("input_class.input_class2"));
  注意多个class用小数点隔开,也可以使用cssSelector定位
 WebElement element = driver.findElement(By.cssSelector("input"));
  通过linkText定位,如:
 WebElement element = driver.findElement(By.linkText("我是如何重构整个研发项目,促进自动化运维DevOps的落地?"));
  意思就是链接内容定位
  通过partialLinkText定位,模糊内容定位,和上相似
 WebElement element = driver.findElement(By.linkText("我是如何重构整个研发项目?"));
  通过tagName定位
 WebElement element = driver.findElement(By.tagName("form"));
  通过xpath定位
 WebElement element = driver.findElement(By.xpath("//input[@id='passwd-id']"));
  这个最为复杂,最简单的版本是
 //标签类型[@属性名=属性值]
  但也可以定位第几个
 //input[4]
  其中[]中还可以增加逻辑and or表达式
   WebElement element = driver.findElement(By.xpath("//input[@type='text' and @name='user-name']"));
  WebElement element = driver.findElement(By.xpath("//input[@type='text' or @name='user-name']"));
  []中也可以增加start-with、ends-with、contains,比如
   WebElement element = driver.findElement(By.xpath("//input[start-with(@id,'user-')]"));
  WebElement element = driver.findElement(By.xpath("//input[ends-with(@id,'user-')]"));
  WebElement element = driver.findElement(By.xpath("//input[contains(@id,'user-')]"));
  还可以 任意属性名
 WebElement element = driver.findElement(By.xpath("//input[@*='user-name']"));
  更多xpath使用方法见
  http://www.w3school.com.cn/xpath/index.asp
  单击某个元素
 .click()
  清空input
 .clear();
  input中输入内容
 .sendKeys("掘金网");
  如果是上传附件,可直接sendKeys路径
 .sendKeys("c:\shao.png");
  得到input内容
 .getText();
  下拉框
  
   Select select = new Select(driver.findElement(By.id("frequency")));
  select.selectByValue("1");
  driver.findElement(By.id("validDays")).click();
  
   select.selectByValue("a");
  select.deselectAll();
  select.deselectByValue("a");
  select.deselectByVisibleText("");
  select.getAllSelectedOptions();
  select.getFirstSelectedOption();
  单选框
  WebElement radio=driver.findElement(By.id("radio"));
  radio.click();&emsp;&emsp;&emsp;&emsp;   //选择某个选项
  radio.clear();&emsp;&emsp;&emsp;&emsp;  //清空选项
  radio.isSelected();&emsp;&emsp;//判断某个单选项是否被选中
  复选框
   WebElement checkbox = driver.findElement(By.id("checkbox"));
  checkbox.clear();       //清空选项
  checkbox.isSelected(); //是否选中
  判断是否可点击
 isEnabled()
  alert框操作
   Alert alert = driver.switchTo().alert();
  alert.accept();&emsp;&emsp;//确定
  alert.dismiss();&emsp; //取消
  iframe切换(重点)
  可能很多老的项目都有iframe,录制脚本的时候正常录制,可执行的时候,却无法执行,这个时候,需要切换iframe
   driver.switchTo().defaultContent();&emsp;//回到默认的页面
  driver.switchTo().frame("leftFrame"); //切换到某个iframe
  切换iframe,结束后,记得切换回默认页面。
   driver.findElement(By.linkText("导入模板")).click();
  WebElement iframe = driver.findElement(By.id("layui-layer-iframe1"));
  driver.switchTo().frame(iframe);
  Thread.sleep(2000);
  driver.findElement(By.linkText("引用")).click();
  driver.findElement(By.xpath("//button[@type='submit']")).click();
  driver.findElement(By.xpath("(//button[@type='button'])[3]")).click();
  Thread.sleep(1000);
  driver.findElement(By.linkText("学生")).click();
   以上摘自项目代码,仅供参考

      上文内容不用于商业目的,如涉及知识产权问题,请权利人联系博为峰小编(021-64471599-8017),我们将立即处理。
  
21/212>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号