亲手教你WebUI自动化框架从零开始搭建

最新推荐文章于 2024-09-15 14:07:31 发布
最新推荐文章于 2024-09-15 14:07:31 发布
阅读量459 收藏 1
点赞数
分类专栏： 自动化测试 软件测试 文章标签： 测试工具 软件测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77645750/article/details/134141629
版权
本文详细介绍了使用Selenium进行WebUI自动化测试的框架设计，包括对象库层、核心功能实现（如driver封装、页面元素操作、失败处理）、逻辑层的PageFactory模式、业务层的测试用例编写，以及如何通过TestNG执行测试并利用Jenkins进行持续集成，提供了代码示例和测试报告生成方法。
摘要由CSDN通过智能技术生成

一、设计思路
PO模式

对象库层：二次封装Selenium的方法。 core：主要封装driver方法，并加入日志、失败截图
页面操作层(逻辑层)：元素对象和元素操作的封装。page：封装页面的元素对象和元素操作
业务层：测试用例的操作部分。 test: 业务测试，使用testng框架执行测试用例
二、代码层级结构

代码层级如下：
.
├── README.md
├── pom.xml
├── src
│   ├── main
│   │   ├── java
│   │   │   └── com
│   │   │       └── selenium
│   │   │           └── webui
│   │   │               ├── Browser.java       浏览器类型枚举
│   │   │               ├── LocatorType.java   定位方式类型枚举
│   │   │               ├── core
│   │   │               │   ├── Config.java    加载环境配置文件，设置浏览器driver驱动参数
│   │   │               │   ├── DriverManager.java   driver能力封装(点击、滚动、跳转、输入、元素定位查找检查、实现失败处理接口、异常截图等)
│   │   │               │   ├── FailureAction.java   失败处理接口--截图功能 
│   │   │               │   └── WebDriverFactory.java  按浏览器类型创建driver
│   │   │               ├── page
│   │   │               │   ├── HomeSearchPage.java  页面类：继承page，定义页面元素、方法
│   │   │               │   ├── Page.java   基础页面：加载PO，页面元素初始化
│   │   │               │   └── ReturnValue.java  
│   │   │               └── utils
│   │   │                   ├── Constants.java
│   │   │                   ├── FileManager.java   文件处理：查找文件是否存在，删除文件
│   │   │                   ├── JsonFileParser.java  json文件处理
│   │   │                   ├── ResourcePathParser.java 读取path
│   │   │                   ├── SshCmd.java   执行ssh，并执行命令
│   │   │                   └── Util.java   工具类：加载配置文件、日期获取、等待、js脚本
│   │   └── resources
│   │       ├── application.properties  配置文件
│   │       ├── log4j.properties  log4j配置文件
│   │       ├── testng.xml  测试用例集
│   │       └── webdriver   
│   │           ├── IEDriverServer.exe
│   │           ├── chromedriver
│   │           ├── chromedriver.exe
│   │           ├── geckodriver
│   │           ├── geckodriver_0.11.0.exe
│   │           └── geckodriver_0.17.0.exe
│   └── test
│       └── java
│           └── com
│               └── selenium
│                   └── webui
│                       ├── TestPage.java  基础页面测试类：BeforeClass/AfterClass操作
│                       └── page
│                           └── TestHomeSearchPage.java  测试页面类继承TestPage：具体测试用例

三、核心功能实现

1.工具类：

// Load properties: application.properties.
    public static Properties loadProperties(String path){
        try{
            InputStream is = Util.class.getClassLoader().getResourceAsStream(path);
            if (is != null){
                properties.load(is);
            }
        } catch (IOException e){
            e.printStackTrace();
            logger.error(e.getMessage());
        }
        return properties;
    }
 
    public static String getProperty(String path, String pName){
        Properties properties = loadProperties(path);
        return (String)properties.get(pName);
    }

2.对象库层

// selenium的二次封装
		//选择浏览器，创建driver
    public static WebDriver createWebDriver(Browser browser){
        WebDriver driver;
        Properties properties;
        final String propertyPath;
        propertyPath  = "application.properties";
        properties = Util.loadProperties(propertyPath);
        switch (browser){
            case CHROME:
                driver = new ChromeDriver(Config.getChromeOptions());
                break;
            case IE:
            	DesiredCapabilities cap=DesiredCapabilities.internetExplorer();
            	cap.setCapability(CapabilityType.ACCEPT_SSL_CERTS, true);
            	System.setProperty("webdriver.ie.driver", properties.getProperty("ie.webdriver.driver"));
                driver = new InternetExplorerDriver(cap);
                break;
            case EDGE:
                driver = new EdgeDriver();
                break;
            case FIREFOX:
            default:
                //driver = new FirefoxDriver(Config.getFirefoxProfile());
            	System.setProperty("webdriver.gecko.driver", properties.getProperty("ff.webdriver.gecko.driver"));
            	//System.setProperty("webdriver.firefox.marionette", properties.getProperty("ff.webdriver.gecko.driver"));
            	driver = new FirefoxDriver();
        }
        driver.manage().timeouts().implicitlyWait(Config.WAIT_FOR_TIMEOUT, TimeUnit.SECONDS);
        driver.manage().window().maximize();
        return driver;
    }
	//DriverManager.java
	// driver Capabilities
	public void navigateTo(String url) {
		logger.info("Navigate to: " + url + " to build Page: ");
		try {
			driver.get(url);
			Thread.sleep(SLEEP_DURATION);
		} catch (Exception e) {
			e.printStackTrace();
			logger.error(e.getMessage());
			screenshot("Exception_navigateTo");
		}
	}
	
		public void click(WebElement we, int retries) {
		logger.info("click by: " + we);
		if (retries < MAX_RETRIES) {
			try {
				we.click();
				implicitlyWait(60);
			} catch (Exception e) {
				e.printStackTrace();
				screenshot("Exception_click");
				logger.info(e.getMessage());
				long waitTime = (1 << retries++) * 1000;
				logger.info("Retries: " + retries + " after " + waitTime
						+ " milliseconds");
				Util.sleep(waitTime);
				click(we, retries);
				throw e;
			}
		}
	}

3.逻辑层

  • 定义页面元素，并在类加载时调用initElements方法实现元素初始化
// PageFactory模式
    public static <T> T initPage(Class<T> clz) {
        logger.info("init page: " + clz.getSimpleName() + " begin...");
        T page = PageFactory.initElements(manager.getDriver(), clz);
        logger.info("init page: " + clz.getSimpleName() + " done!");
        try {
            Thread.sleep(1000);
        } catch (Exception e) {
            e.printStackTrace();
            logger.info(e.getMessage());
        }
        return page;
    }
 
public class HomeSearchPage extends Page {
	private static final Logger logger = Logger.getLogger(HomeSearchPage.class);
 
	@FindBy(id = "states-autocomplete")
	private WebElement searchBox;
 
	@FindBy(xpath = "//div[@class=\"item item-type-103\"][1]")
	private WebElement selectKeyword;
 
	@FindBy(xpath = "//div[text()=\"搜索民宿\"]")
	private WebElement searchButton;
  • 页面健康检查，页面类中被FindBy注解的字段都会检查是否存在
      public boolean healthCheck() {
        boolean flag = true;
        for (Field field : this.getClass().getDeclaredFields()) {
            if (field.isAnnotationPresent(FindBy.class)) {
                field.setAccessible(true);
                try {
                    if (!manager.weIsDisplayed((WebElement)(field.get(this)))) {
                        flag = false;
                    }
                } catch (Exception e) {
                    flag = false;
                    logger.warn(e.getMessage());
                    e.printStackTrace();
                }
            }
        }
        return flag;
    }

4.业务层

    @Parameters({"words", "browser"})
    public void testSearch(String words, String browser) {
    	logger.debug(Constants.REG+"testSearch"+Constants.REG);
//        page = ((LoginPage)page).login(userId, password);
    	HomePage homepage = Page.initPage(HomePage.class);
        ReturnValue rv = homepage.search(words, browser);
        logger.info(page);
       // page = rv.getPage();
        Assert.assertEquals(rv.getError(), SUCCESS);
    }

参数化：testng的@Parameters读取testng.xml中参数

四、测试用例执行和测试报告

         // pom.xml
					<plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-surefire-plugin</artifactId>
                <version>2.20</version>
                <configuration>
                    <runOrder>alphabetical</runOrder>
                    <suiteXmlFiles>
                        <suiteXmlFile>src/main/resources/testng.xml</suiteXmlFile>
                    </suiteXmlFiles>
                    <properties>
                        <property>
                            <name>usedefaultlisteners</name>
                            <value>false</value>
                        </property>
                        <property>
                            <name>listener</name>
                            <value>org.uncommons.reportng.HTMLReporter,org.uncommons.reportng.JUnitXMLReporter</value>
                        </property>
                    </properties>
                    <forkMode>once</forkMode>
 
                </configuration>
            </plugin>
            
    // testng.xml        
    <listeners>
        <listener class-name="org.uncommons.reportng.HTMLReporter"/>
        <listener class-name="org.uncommons.reportng.JUnitXMLReporter"/>
    </listeners>
    <classes>
        <class name="com.selenium.webui.page.TestHomeSearchPage">
            <methods>
                <include name="testSelectKeyword"/>
                <include name="testSelectCity"/>
            </methods>
        </class>
    </classes>
    <test name ="Teardown Test" preserve-order="true" >
        <classes>
            <class name = "com.selenium.webui.TestPage">
                <methods>
                    <include name="shutDown"/>
                </methods>
            </class>
        </classes>
    </test>
 
    <parameter name="host" value="inn.ctrip.com/onlineinn/index" />
    <parameter name="browser" value="chrome"/>
    <parameter name="words" value="迪士尼"/>

pom.xml中加入插件，使用mvn install clean运行testng.xml中的测试用例

报告目录：test-output/html/index.html

五、持续集成

1.Jenkins安装插件：TestNG Results Plugin

2.创建job运行脚本

“构建后操作”->“Publish TestNG Results”

3.查看报告

 学习安排上
如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助，朋友们如果需要可以自行免费领取 【保证100%免费】

视频文档获取方式：

这份文档和视频资料，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！以上均可以分享，点下方小卡片即可自行领取。

测试界媛姐
关注
专栏目录
〖Python WEB 自动化测试实战篇⑩〗- 实战 - UI自动化脚本设计常见场景剖析
易编橙 · 终身成长社群，相遇已是上上签！
06-09 4万+
前面章节利用本地 “html” 文件的虚拟场景辅助我们了解了元素的定位、元素的操作，熟悉了正常脚本的流转运行过程。从这一章节开始，将对之前接口自动化测试篇章所使用的旅游网这样的一个项目，进行真实的UI自动化脚本的设计。.........
WebUI自动化测试框架
08-07
本项目是一个基于Selenium的Web自动测试框架，通过该框架可以简化测试人员的学习难度，只要编写少量的Java代码即可，大多数的工作都是编写页面元素的描述文件以及对应的数据源。
UI自动化测试框架搭建
HUA6911的博客
01-03 1145
今天给大家分享一个selenium+testng+maven+ant的UI自动化，可以用于功能测试，也可按复杂的业务流程编写测试用例
Web UI集成开发实战指南
最新发布
weixin_32242475的博客
09-15 2300
本文还有配套的精品资源，点击获取 简介：Web UI在IT行业中扮演着与用户互动的关键角色，其设计应直观、易用并适应多种设备。本项目探讨Web UI如何与后端服务、API、前端框架和其他系统集成，以提升用户体验。涉及到的知识点包括响应式设计、Python后端开发、API集成、身份验证技术、前端框架应用、数据可视化、状态管理、测试策略以及性能优化。课程将涵盖Web UI的各个...
webUI自动化之基本框架搭建（python + selenium + unittest）
apex_eixl的博客
05-10 1842
该文档描述一次基于python的webUI自动化框架搭建过程及简单的使用。
UI自动化项目搭建（selenium+testng+java+maven）
weixin_30617737的博客
11-27 83
一 工具准备 selenium chormDriver 二 环境准备 三搭建步骤 转载于:https://www.cnblogs.com/floratinny/p/10029589.html
Web UI 自动化测试框架（Pytest+Selenium+Allure+Loguru）
Flora's Zone
07-17 3973
本框架主要是基于 Python + pytest + selenium + pytest-html/Allure + loguru + 邮件通知/企业微信通知/钉钉通知 实现的WEB UI自动化框架。
webUI自动化测试框架(Python+selenium)
04-06
【Python+Selenium构建WebUI自动化测试框架】 在软件开发过程中，测试是不可或缺的一环，而自动化测试能够极大地提高测试效率，降低人工出错的概率。本文将深入探讨如何使用Python结合Selenium库构建一个WebUI自动...
软件测试自动化框架（含 web ui 自动化、接口自动化）
03-20
本自动化测试框架采用python + unittest 的基础来搭建，采用PO模式、数据驱动的思想，通过selenium来实现WEB UI自动化，通过request来实现接口自动化。移动终端的自动化也可在该框架基础上去构建补充。 框架详细...
Web UI自动化框架搭建
sophie2805的专栏
05-26 5236
本篇博文只从项目架构角度，提供一些建议供参考。不涉及具体代码编写。目前市场上主流的免费开源工具就是Selenium。大家可以根据自己项目技术栈，选择合适的语言+外加Unit Test框架，来构建自己的Web UI自动化项目。比如：Java+Selenium+JUnit/TestNG，Python+Selenium+UnitTest等。 页面元素定义 方法库 层级结构组织 页面元素定义 ...
UI自动化框架搭建（1）Selenium+Pytest+Chrome for Testing+ChromeDriver+Allure+Jenkins环境准备
JAYYY_Y的博客
08-12 955
在这里打开终端就很省事，会自动进入对应环境，不用在cmd输命令进入环境也不用在anaconda等他那又臭又长的加载。由于我们的浏览器是放在自定义目录下的，所以在启动项这里要做一些配置，简而言之，把红色方形里的代码。导出的文件复制到刚刚创建的项目里（或者代码复制到之前创建的test.py也可以）然后把chromedriver压缩包里的这三个文件解压到这个文件夹。点击录制之后会弹出被测网站的新窗口，在那个窗口进行你的测试操作（安装完之后不用打开，可以在cmd检查一下是否添加到环境变量。我们创建一个新的环境。
Web ui自动化框架搭建（九）
m0_37677636的博客
11-05 217
测试报告邮件发送
WebUI发布自动化测试框架PhoenixAutotest
oqqSSH的博客
07-15 1115
介绍 WebUI自动化测试框架phoenix.webui.framework发布20170610版本。 本次发布修正了一些bug，更多Isseus信息请访问Github。添加的主要功能如下： 增加了通过注解的方式来配置PageObject（页面对象），单元测试代码如下（本文所有的代码都可以在Github项目中获取）： /* * * * Copyright 2002-200
WebUI自动化项目构建
沉觞的博客
09-12 551
WebUI自动化项目构建项目流程项目结构项目要求与相应操作文件命名测试用例函数命名页面class元素定位元素操作元素操作错误重试操作等待 项目流程 项目结构 xxxx(项目名称) |-- common # 相同基础通用方法 | -- baseView.py # 定义driver方法，将所有基础方法重定义(一是为了统计所有使用到的基础方法便于其他人学习;二是为了简化项目编码维护) | -- dataType.py # 字符格式转换,同一封装使用 | -- emailSend.
django UI自动化测试平台搭建-1
u012765977的博客
10-26 461
django UI自动化测试平台搭建
【Web UI自动化测试】Web UI自动化测试之框架篇（全网最全）
热门推荐
测试界的彭于晏的博客
11-01 1万+
概念：UnitTest是python自带的一个单元测试框架，用它来做单元测试自带的框架：不需要单独按照，只要安装了 python就可以用第三方框架：想要使用 需要先安装后使用（如：pytest）单元测试框架：主要用来做单元测试，一般单元测试是开发做的。对于测试来说，UnitTest 框架的作用是自动化脚本（用例代码）执行框架（使用UnitTest框架来管理 运行多个测试用例的）1）TestCase（测试用例）：组织用例文件（TestCase）里面，书写 跳过、断言、参数化，使用Fixture夹具；
Python+Selenium WebUI自动化框架 -- 基础操作封装
myh919的博客
11-07 153
封装Selenium基本操作，让所有页面操作一键调用，让UI自动化框架脱离高成本、低效率时代，将用例的重用性贯彻到极致，让烦人的PO模型变得无所谓，让一个测试小白都能编写并实现自动化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值