自动化测试Selenium在小公司的成功实践案例(一)

发表于:2021-12-02 09:27

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

 作者:邵磊    来源:掘金

  本文可能是目前最完整的一篇selenium(java版)实践文章,不是之一。
  如果你是java开发人员,本文将帮助你快速搭建整套selenium自动化测试框架,你可以帮助公司升级为自动化测试架构;
  如果你是测试人员,那你得按照本文多实践一下,遇到不懂的咨询下公司的java开发,同样你也可以完成自动化测试架构升级。
  当然啦,如果目前公司已经是自动化测试了,那本文就当是再次梳理下相关知识吧。

  前言
  可能提到自动化测试selenium,大家都会想到用python语言来编写脚本。但我们选择了java语言,因为我相信大部分公司java程序员比python程序员多得多。而对于很多测试人员,并不能熟练使用编程语言,所以他们需要别人指导。与其使用更简单的python语言,却看不懂语法,得不到别人帮助;那还不如使用java语言,无论是语法还是编程思路,都可以快速获得java开发人员的帮助。

  背景
  可能很多公司已经有标准的后端单元测试代码,但是自动化测试需要测试整个系统,前端是直接展示给用户的,所以,前端尤为重要,本文就是基于h5的web前端自动化测试。当然啦,这里推荐对项目进行前后端分离。
  目前互联网上关于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的落地?
  点击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,最后点击进入文章。

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

关注51Testing

联系我们

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

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

沪ICP备05003035号

沪公网安备 31010102002173号