用Chat GPT学习pythonwebUI自动化_gpt实现ui自动化

一、使用背景

之前写过java+selenium的web UI自动化，使用的selenium是偏老版本的，另外python初学，还不会使用。但在java编写的经历中，有几个概念：
1、需要使用测试框架，对测试用例进行生命周期管理，例如用例的执行，运行的先后顺序依赖关系之类。java的testNG比较强大，类似的测试框架，python的初步调研，决定使用pytest。
2、需要使用PageObject模式，能对变动频繁的元素定位剥离出来。

基于以上2个述求，一个方案是自己摸索来写、另一种是在网上找一个成熟的工程来学习。

困难点：
1、自己摸索，需要先自我科普一下pytest的知识，发现功能很强大，且很灵活，一下子记不住也看不完所有的功能。于是先挑选了最基本的语法，fixture是干什么的。

2、找到一个成熟的工程来学习，很全面，但是试着运行了一下，有很多跑不通，一时间需要各种定位，比较花时间，且有点焦头烂额。
 

二、使用chatgpt辅助学习

使用AI打辅助，是一个中间状态，通过AI给一个渐进的完整代码块，减少成熟工程中太多东西一时半解带来的耗时，可以提高学习的效率。

首先，最小业务单元

使用python和selenium写个登录脚本

from selenium import webdriver
browser = webdriver.Chrome()
browser.get('https://www.baidu.com')
browser.find_element("id", "kw").send_keys("哈哈")

其次，加入pytest

这个时候请教一下chatgpt，给它输入prompt：

使用pytest，python语言编写https://www.baidu.com/ 页面的登录webUI脚本

 

如下是代码全文：

import pytest
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
 
@pytest.fixture(scope="module")
def browser():
    driver = webdriver.Chrome()
    yield driver
    driver.quit()
 
def test_baidu_login(browser):
    browser.get("https://www.baidu.com/")
    
    login_button = WebDriverWait(browser, 10).until(
        EC.element_to_be_clickable((By.XPATH, '//*[@id="s-top-loginbtn"]'))
    )
    login_button.click()
 
    username_input = WebDriverWait(browser, 10).until(
        EC.presence_of_element_located((By.XPATH, '//*[@id="TANGRAM__PSP_10__userName"]'))
    )
    password_input = WebDriverWait(browser, 10).until(
        EC.presence_of_element_located((By.XPATH, '//*[@id="TANGRAM__PSP_10__password"]'))
    )
 
    # Replace with your actual username and password
    username_input.send_keys("your_username")
    password_input.send_keys("your_password")
 
    submit_button = WebDriverWait(browser, 10).until(
        EC.element_to_be_clickable((By.XPATH, '//*[@id="TANGRAM__PSP_10__submit"]'))
    )
    submit_button.click()
 
    # Add assertions to verify the login was successful

最后，基于上下文再加入pageObject

再次请教chatgpt，给它输入prompt：
以上代码，需要考虑使用page object模式，该怎么优化

这点比较让人惊讶，可以如此自然地理解中文的且偏自然语言的上下文，amazing！！

import pytest
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
 
class LoginPage:
    def __init__(self, driver):
        self.driver = driver
        self.username_input = (By.XPATH, '//*[@id="TANGRAM__PSP_10__userName"]')
        self.password_input = (By.XPATH, '//*[@id="TANGRAM__PSP_10__password"]')
        self.submit_button = (By.XPATH, '//*[@id="TANGRAM__PSP_10__submit"]')
 
    def login(self, username, password):
        username_input = WebDriverWait(self.driver, 10).until(
            EC.presence_of_element_located(self.username_input)
        )
        password_input = WebDriverWait(self.driver, 10).until(
            EC.presence_of_element_located(self.password_input)
        )
        submit_button = WebDriverWait(self.driver, 10).until(
            EC.element_to_be_clickable(self.submit_button)
        )
 
        username_input.send_keys(username)
        password_input.send_keys(password)
        submit_button.click()
 
class HomePage:
    def __init__(self, driver):
        self.driver = driver
        self.login_button = (By.XPATH, '//*[@id="s-top-loginbtn"]')
 
    def go_to_login_page(self):
        login_button = WebDriverWait(self.driver, 10).until(
            EC.element_to_be_clickable(self.login_button)
        )
        login_button.click()
        return LoginPage(self.driver)
 
@pytest.fixture(scope="module")
def browser():
    driver = webdriver.Chrome()
    yield driver
    driver.quit()
 
def test_baidu_login(browser):
    browser.get("https://www.baidu.com/")
    home_page = HomePage(browser)
    login_page = home_page.go_to_login_page()
    login_page.login("your_username", "your_password")
    # Add assertions to verify the login was successful

三、总结

感受最深的是，通过chatgpt输入时，尽量给出多组合的信息，可以少走了一些弯路。若通过百度搜索，查到的可能是一些较老的信息，对新学的同学非常不利，例如很多demo代码里给出的selenium 元素定位语法还是老的，而我用的是selenium较新的4.9.1，已经没有find_element_by_id()这种定位方式了，别问我怎么知道，问就是踩到了坑。

以上的渐进式学习，让我逐步掌握了pytest和pageObeject模式的第一步，清晰明了，后续我就可以在这个基础上，自己往上添加我的业务脚本了，nice job！

更多技术文章、学习资料、笔记、文档、问答请关注 公众号：软件测试小dao