自动化测试是软件测试中非常重要的一部分，可以提高测试效率和测试覆盖率。在UI自动化测试中，Selenium是非常流行的工具。本文将介绍如何使用Python和Selenium搭建UI自动化测试框架。

一、环境准备

在开始搭建UI自动化测试框架之前，需要先安装Python和Selenium。可以从Python官网下载Python安装包，并使用pip命令安装Selenium。

二、框架目录结构

在搭建UI自动化测试框架之前，需要先规划好框架的目录结构。以下是一个比较完整的目录结构：

├── config
│   ├── __init__.py
│   ├── config.ini
│   └── logger.ini
├── data
│   ├── __init__.py
│   ├── test_data.xlsx
│   └── test_data.json
├── logs
│   ├── __init__.py
│   └── test.log
├── page
│   ├── __init__.py
│   └── login_page.py
├── report
│   ├── __init__.py
│   └── test_report.html
│   └── screenshots
│       ├── test_login_failure_2022-05-01_08-30-00.png
│       └── test_login_success_2022-05-01_08-30-00.png
├── testcase
│   ├── __init__.py
│   └── test_login.py
├── utils
│   ├── __init__.py
│   ├── driver.py
│   ├── logger.py
│   └── read_config.py
│   └── take_screenshot.py
├── .gitignore
├── README.md
├── requirements.txt
└── run.py

config：存放配置文件，包括config.ini和logger.ini。

data：存放测试数据，包括Excel和JSON格式的数据。

logs：存放日志文件，包括test.log。

page：存放页面对象，每个页面对应一个.py文件。

report：存放测试报告，包括test_report.html。

screenshots：用于存放测试过程中的截图。

testcase：存放测试用例，每个用例对应一个.py文件。

utils：存放工具类，包括driver.py、logger.py和read_config.py。

.gitignore：Git忽略文件列表。

README.md：项目说明文件。

requirements.txt：Python依赖包列表。

run.py：测试执行入口。

三、框架搭建

1.创建项目目录

在本地创建一个项目目录，进入该目录，执行以下命令：

mkdir config data logs page report report/screenshots testcase utils
touch .gitignore README.md requirements.txt run.py
cd config && touch __init__.py config.ini logger.ini && cd ..
cd data && touch __init__.py test_data.xlsx test_data.json && cd ..
cd logs && touch __init__.py test.log && cd ..
cd page && touch __init__.py login_page.py && cd ..
cd report && touch __init__.py test_report.html && cd  ..
cd testcase && touch __init__.py test_login.py && cd ..
cd utils && touch __init__.py driver.py logger.py read_config.py && cd ..

2.安装依赖包

在项目目录下执行以下命令，安装依赖包：

pip install selenium openpyxl configparser loguru

3.编写配置文件

在config目录下的config.ini文件中，配置浏览器类型和网站地址：

[Browser]
browser_name = chrome

[URL]
base_url = https://www.example.com

在config目录下的logger.ini文件中，配置日志文件路径和日志级别：

[loggers]
keys=root

[handlers]
keys=consoleHandler,fileHandler

[formatters]
keys=formatter

[logger_root]
level=DEBUG
handlers=consoleHandler,fileHandler

[handler_consoleHandler]
class=StreamHandler
level=DEBUG
formatter=formatter
args=(sys.stdout,)

[handler_fileHandler]
class=handlers.TimedRotatingFileHandler
level=DEBUG
formatter=formatter
args=('logs/test.log', 'D', 1, 30)

[formatter_formatter]
format=%(asctime)s - %(name)s - %(levelname)s - %(message)s
datefmt=%Y-%m-%d %H:%M:%S

4.编写工具类

在utils目录下的driver.py文件中，封装获取浏览器驱动的方法：

import os
from selenium import webdriver
from configparser import ConfigParser

def get_driver():
    config = ConfigParser()
    config.read(os.path.join(os.path.dirname(__file__), '../config/config.ini'))

    browser_name = config.get('Browser', 'browser_name')
    if browser_name.lower() == 'chrome':
        return webdriver.Chrome()
    elif browser_name.lower() == 'firefox':
        return webdriver.Firefox()
    elif browser_name.lower() == 'edge':
        return webdriver.Edge()
    else:
        raise ValueError('Unsupported browser: {}'.format(browser_name))

在utils目录下的logger.py文件中，封装日志记录的方法：

import os
from loguru import logger
from configparser import ConfigParser

config = ConfigParser()
config.read(os.path.join(os.path.dirname(__file__), '../config/logger.ini'))

logger.add(config.get('handler_fileHandler', 'class'), level=config.get('logger_root', 'level'), rotation=config.getint('handler_fileHandler', 'args')[2], retention=config.getint('handler_fileHandler', 'args')[3])

def get_logger(name):
    return logger.bind(name=name)

在utils目录下的read_config.py文件中，封装读取配置文件的方法：

import os
from configparser import ConfigParser

config = ConfigParser()
config.read(os.path.join(os.path.dirname(__file__), '../config/config.ini'))

def get_base_url():
    return config.get('URL', 'base_url')

在utils目录下新增了一个take_screenshot.py文件，用于封装截图的方法：

import os
from datetime import datetime
from utils.driver import get_driver

def take_screenshot(name):
    driver = get_driver()
    screenshot_dir = os.path.join(os.path.dirname(__file__), '../report/screenshots')
    os.makedirs(screenshot_dir, exist_ok=True)
    screenshot_file = os.path.join(screenshot_dir, '{}_{}.png'.format(name, datetime.now().strftime('%Y-%m-%d_%H-%M-%S')))
    driver.save_screenshot(screenshot_file)

5.编写页面对象

在page目录下的login_page.py文件中，封装登录页面的元素定位和操作方法：

from selenium.webdriver.common.by import By
from utils.driver import get_driver

class LoginPage:
    url = '/login.html'
    username_input = (By.ID, 'username')
    password_input = (By.ID, 'password')
    login_button = (By.ID, 'login-button')

    def __init__(self):
        self.driver = get_driver()

    def open(self):
        self.driver.get(get_base_url() + self.url)

    def close(self):
        self.driver.quit()

    def login(self, username, password):
        self.driver.find_element(*self.username_input).send_keys(username)
        self.driver.find_element(*self.password_input).send_keys(password)
        self.driver.find_element(*self.login_button).click()

6.编写测试用例

在testcase目录下的test_login.py文件中，编写登录测试用例：

import unittest
from page.login_page import LoginPage
from utils.take_screenshot import take_screenshot

class TestLogin(unittest.TestCase):
    def setUp(self):
        self.page = LoginPage()

    def tearDown(self):
        self.page.close()

    def test_login_success(self):
        self.page.open()
        self.page.login('admin', 'admin123')
        self.assertIn('Welcome', self.page.driver.title)

    def test_login_failure(self):
        self.page.open()
        self.page.login('admin', 'wrong_password')
        self.assertIn('Login failed', self.page.driver.page_source)
        take_screenshot('test_login_failure')

7.编写测试执行入口

在run.py文件中，编写测试执行入口：

import unittest
from datetime import datetime
from utils.logger import get_logger
from report import HTMLTestRunner

logger = get_logger(__name__)

if __name__ == '__main__':
    logger.info('Start testing...')
    suite = unittest.defaultTestLoader.discover('testcase')
    report_file = 'report/test_report_{}.html'.format(datetime.now().strftime('%Y-%m-%d_%H-%M-%S'))
    with open(report_file, 'wb') as f:
        runner = HTMLTestRunner.HTMLTestRunner(stream=f, title='Test Report', description='Test Result')
        runner.run(suite)
    logger.info('Testing finished. Report file: {}'.format(report_file))
    
    # 将截图嵌入测试报告
    with open(report_file, 'r+', encoding='utf-8') as f:
        content = f.read()
        for root, dirs, files in os.walk('report/screenshots'):
            for file in files:
                screenshot_file = os.path.join(root, file)
                if 'test_report' not in screenshot_file:
                    screenshot_name = os.path.splitext(os.path.basename(screenshot_file))[0]
                    screenshot_time = datetime.strptime(screenshot_name.split('_')[-2], '%Y-%m-%d')
                    screenshot_url = os.path.join(get_base_url(), screenshot_file)
                    content = content.replace('{}"'.format(screenshot_name), '{}" width="50%"'.format(screenshot_url))
        f.seek(0)
        f.write(content)

四、测试执行

在项目目录下执行以下命令，执行测试：

python run.py

测试完成后，测试报告将保存在report目录下的test_report.html文件中。

五、Jenkins持续集成

持续集成是软件开发过程中非常重要的一环，可以帮助开发团队实现快速迭代和快速交付。Jenkins是一个开源的持续集成工具，可以帮助团队实现自动化构建、自动化测试和自动化部署。本文将介绍如何使用Jenkins进行UI自动化测试的持续集成。

1.Jenkins安装和配置

安装Jenkins

Jenkins可以从官网下载安装包，根据操作系统选择相应的安装包进行安装。安装完成后，启动Jenkins服务。

安装插件

Jenkins需要安装一些插件来支持UI自动化测试，包括：

Selenium Plugin：用于集成Selenium和Jenkins。

HTML Publisher Plugin：用于生成测试报告。

在Jenkins的插件管理页面中，搜索并安装这两个插件。

配置Jenkins

在Jenkins的系统管理页面中，配置全局环境变量和全局工具配置。

配置全局环境变量：设置PYTHONPATH变量，指向Python的安装目录。

配置全局工具：添加Python和浏览器驱动的安装路径。

2.Jenkins配置UI自动化测试任务

创建Jenkins任务

在Jenkins的首页中，点击“新建任务”，选择“自由风格软件项目”，输入任务名称，点击“确定”。

配置源码管理

在任务配置页面中，选择“Git”作为源码管理方式，填写代码仓库地址和分支信息。

配置构建触发器

在任务配置页面中，选择“构建触发器”，配置定时构建或者代码提交构建。

配置构建环境

在任务配置页面中，选择“构建环境”，配置Python环境和浏览器驱动。

配置构建步骤

在任务配置页面中，选择“构建步骤”，配置构建脚本。

构建脚本如下：

#!/bin/bash

# 安装依赖包
pip install -r requirements.txt

# 执行测试
python run.py

# 生成测试报告
cp report/test_report.html $WORKSPACE

# 发布测试报告
echo '<h2>UI自动化测试报告</h2>' > report.html
echo '<iframe src="test_report.html" width="100%" height="600"></iframe>' >> report.html
cp report.html $WORKSPACE

配置构建后操作

在任务配置页面中，选择“构建后操作”，配置测试报告的发布方式。

发布方式如下：

发布HTML测试报告：选择“HTML Publisher Plugin”，设置测试报告路径为$WORKSPACE/report.html。

3.Jenkins测试执行

在Jenkins的任务页面中，点击“立即构建”，Jenkins将自动拉取代码，执行测试，并生成测试报告。测试报告将发布到Jenkins的测试报告页面中。

本文主要介绍了如何使用Python Selenium框架搭建UI自动化测试框架，并给出了一个完整的目录结构示例进行参考。通过UI自动化测试框架，可以帮助团队快速构建自动化测试框架，提高测试效率和测试质量。希望本文能对你有所帮助。

最后：我毕竟干了8年的自动化测试，也有非常多的资源，我就建立了一个专门交流软件测试方面问题的学习群，里面也有很多大公司的技术大牛。很多时候，技术大牛的几句话就会让我们醍醐灌顶，少浪费时间，如果想要多跟有经验的人学习，就找我加入我的软件测试交流群，以后有工作的内推机会都相互推荐一下，毕竟我们是关系社会。

软件测试技术交流群社：786229024 等待你的加入...