美文网首页
UI自动化入门

UI自动化入门

作者: xpl111 | 来源:发表于2019-06-13 11:56 被阅读0次

一、环境搭建

1、安装&配置python开发环境

python 下载地址
https://www.python.org/
安装教程地址
https://baijiahao.baidu.com/s?id=1605684471000597023&wfr=spider&for=pc

2、安装&配置pycharm

1)pycharm安装教程

https://jingyan.baidu.com/article/375c8e19f87e8125f2a229ef.html

2)配置pycharm的执行框架为pytest

image.png
image.png

3、下载ui自动化所依赖的所有包

1)pycharm中新建一个文件,命名为 requirements.txt

image.png

2)保存下列内容到文件中

allure-pytest==2.6.1
allure-python-commons==2.6.1
atomicwrites==1.3.0
attrs==19.1.0
colorama==0.4.1
importlib-metadata==0.17
more-itertools==7.0.0
pluggy==0.12.0
py==1.8.0
PyMySQL==0.9.3
pytest==4.3.1
selenium==3.141.0
six==1.12.0
urllib3==1.25.3
zipp==0.5.1

3)pycharm命令行中执行 pip install -r requirements.txt

image.png

4、安装&配置allure插件

1)下载allure插件

https://dl.bintray.com/qameta/generic/io/qameta/allure/allure/2.7.0/allure-2.7.0.zip

2)解压压缩包

image.png

3)配置环境变量

桌面-我的电脑-右键-属性


image.png

高级系统设置


image.png

环境变量


image.png

编辑path


image.png

复制本地allure/bin目录至path中,注意前后的分号为英文


image.png image.png

5、下载对应版本的chromedriver

1)查看chrome版本

image.png image.png

2)下载chrome driver

下载地址:
http://npm.taobao.org/mirrors/chromedriver/

image.png
image.png
image.png
image.png

3)解压并放入项目中

解压
复制chromedriver.exe,pycharm中新建文件夹chromedriver,并粘贴至该文件夹中


image.png

4)写代码调试环境是否搭建成功

image.png
#! /usr/bin/env python
# -*- coding: utf-8 -*-
import os
from time import sleep

from selenium import webdriver


class Test_ui():
    def test_demo(self):
        driver_path = os.path.join(os.path.dirname(__file__), "../chromedriver/chromedriver.exe")
        # 打开浏览器
        driver = webdriver.Chrome(driver_path)
        driver.maximize_window()  # 最大化浏览器
        driver.implicitly_wait(8)  # 设置隐式时间等待
        sleep(3)
        driver.quit()

浏览器可以启动成功,表示环境搭建成功

5、使用框架

1)下载框架代码

2)复制文件至该项目下

  • common、tools文件夹,run.py文件至该项目下


    image.png
  • 复制conftest.py至TestCase文件夹内


    image.png

3)所有用例写在testCase里边

conftest.py中设置前置后置步骤
  • 前置步骤
    打开浏览器并初始化浏览器配置
    初始化baseUI
    写登录的测试用例
    返回baseUI实例化的结果
  • 后置步骤
    关闭浏览器


    image.png
测试用例中引用上述fixture
image.png

4)执行

image.png

相关文章

网友评论

      本文标题:UI自动化入门

      本文链接:https://www.haomeiwen.com/subject/ddevbqtx.html