UI测试也称为用户界面测试是一种测试类型旨在检查应用程序的界面是否工作正常以及是否存在任何妨碍用户行为且不符合书面规格的BUG。UI自动化测试则是利用自动化工具来执行这些测试以提高测试效率和准确性.这里分享下拉选择框弹出框滚动条操作实践01下拉框操作在 UI 自动化中操作下拉选择框可以通过以下步骤进行1)定位下拉选择框元素通过适当的元素定位方法找到下拉选择框的元素。2)打开下拉框例如通过点击(.click)来操作下拉框元素打开下拉框。3)选择选项可以通过以下几种方式选择下拉框中的选项根据索引选择确定要选择的选项的索引位置选择对应索引的选项。根据文本选择如果选项具有可识别的文本可以通过文本内容来选择对应的选项。根据值选择如果选项具有特定的值可以通过值来选择对应的选项。下拉选择实现步骤1、导入Select类 (S为大写)2、实例化select对象 selectSelect(element)3、通过select的相关方法选择option选项select.select_by_index(index) 参数index表示的option索引select.select_by_value(value) 参数value表示的是option元素中value的属性值select.select_by_visible_text(visible_text ) 参数visible_text表示的是option的文本内容代码示例# 导包 import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.select import Select # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开hao123网站 driver.get(https://www.hao123.com) time.sleep(3) # 点击「切换」城市按钮,进入选择城市下拉框 element driver.find_element_by_css_selector([monkeyweather]) element.click() # 定位到城市下拉框所在的元素 element driver.find_element(By.CSS_SELECTOR, [nameprovince]) select Select(element) # 通过select对象的index来选择北京 time.sleep(3) select.select_by_index(0) # 通过select对象的value来选择上海 time.sleep(3) select.select_by_value(02) # 通过select对象的文本内容来选择天津 time.sleep(3) select.select_by_visible_text(T 天津) # 等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()02弹框操作1)一般弹出框操作在 UI 自动化中处理弹出框操作可以通过以下步骤进行1.等待弹出框出现使用适当的等待机制等待弹出框出现。这可以确保在执行操作之前弹出框已经显示在界面上。2.定位弹出框元素使用元素定位方法找到弹出框的相关元素例如标题、按钮等。3.操作弹出框根据具体的需求进行以下操作填写文本如果弹出框需要输入文本可以找到相应的输入元素并填入文本。点击按钮如果弹出框有确定、取消等按钮使用点击操作方法点击相应的按钮。验证弹出框内容根据需要验证弹出框中的文本、选项等是否符合预期。代码示例# 导包 import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.keys import Keys # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开baidu网站 driver.get(https://www.baidu.com) # 点击页面右上角【登录】按钮进入登录页面 driver.find_element(By.ID, s-top-loginbtn).click() # 点击微信图标弹出微信扫码登录弹窗 time.sleep(3) element driver.find_element_by_css_selector([title微信]) element.click() # 执行其他操作……等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()2. 警告弹出框操作警告弹出框操作步骤1定位到到包含弹出警告框的页面2触发警告框出现3使用 driver.switch_to.alert切换到警告框通过调用 driver.switch_to.alert()将控制权切换到弹出的警告框。4与警告框进行交互接受警告框使用 alert.accept() 方法来接受警告框。取消警告框使用 alert.dismiss() 方法来取消警告框。获取提示信息使用 alert.text 获取弹出框文本提示信息。输入文本如果警告框需要输入文本可以使用 alert.send_keys(文本内容) 方法将文本输入到警告框中。代码示例# 导包 from selenium import webdriver # 实例化浏览器驱动 driver webdriver.Chrome() # 导航到目标页面 driver.get(https://example) # 点击测试图标弹出警告框 element driver.find_element_by_id(example) element.click() # 获取弹出框对象 alert driver.switch_to.alert() # 处理警告框 if alert: alert.accept() # 接受警告框 # 或者 alert.dismiss() # 取消警告框 # 或者 alert.text() # 获取警告框信息 # alert.text 也可以 # 或者 alert.send_keys(自定义文本) # 输入文本到警告框 # 执行其他操作 # 退出浏览器驱动 driver.quit()03滚动操作在 UI 自动化中实现滚动条操作可以通过以下几种常见的方法1.使用元素坐标通过获取滚动条的坐标位置然后设置元素的位置来实现滚动。可以使用自动化工具提供的元素定位和操作方法例如WebDriver中的moveToElement或scrollTo方法。2.使用滚动方法Selenium自动化工具提供了专门的滚动方法例如WebDriver中的scrollBy或scrollToElement方法。这些方法可以指定滚动的方向和距离。3.模拟鼠标滚动通过模拟鼠标滚轮的滚动操作来实现滚动条的滚动。可以使用鼠标操作方法例如发送鼠标滚轮滚动事件。4.等待滚动完成在执行滚动操作后需要等待页面加载完成或滚动操作完成。可以使用等待条件或超时设置来确保滚动操作完成后再进行后续操作。示例1、定义jsjs window.scrollTo(0, 2000) # 如果想要移动到最下方y值给最大值就可以实现2、执行JSdriver.execute_script(js)# 导包 import time from selenium import webdriver # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开hao123网站 driver.get(https://www.hao123.com) # 控制滚动条滚向下方滚动 # 定义js js window.scrollTo(0, 2000) # 执行JS driver.execute_script(js) # 等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()
UI自动化测试|下拉选择框弹出框滚动条操作实践
UI测试也称为用户界面测试是一种测试类型旨在检查应用程序的界面是否工作正常以及是否存在任何妨碍用户行为且不符合书面规格的BUG。UI自动化测试则是利用自动化工具来执行这些测试以提高测试效率和准确性.这里分享下拉选择框弹出框滚动条操作实践01下拉框操作在 UI 自动化中操作下拉选择框可以通过以下步骤进行1)定位下拉选择框元素通过适当的元素定位方法找到下拉选择框的元素。2)打开下拉框例如通过点击(.click)来操作下拉框元素打开下拉框。3)选择选项可以通过以下几种方式选择下拉框中的选项根据索引选择确定要选择的选项的索引位置选择对应索引的选项。根据文本选择如果选项具有可识别的文本可以通过文本内容来选择对应的选项。根据值选择如果选项具有特定的值可以通过值来选择对应的选项。下拉选择实现步骤1、导入Select类 (S为大写)2、实例化select对象 selectSelect(element)3、通过select的相关方法选择option选项select.select_by_index(index) 参数index表示的option索引select.select_by_value(value) 参数value表示的是option元素中value的属性值select.select_by_visible_text(visible_text ) 参数visible_text表示的是option的文本内容代码示例# 导包 import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.select import Select # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开hao123网站 driver.get(https://www.hao123.com) time.sleep(3) # 点击「切换」城市按钮,进入选择城市下拉框 element driver.find_element_by_css_selector([monkeyweather]) element.click() # 定位到城市下拉框所在的元素 element driver.find_element(By.CSS_SELECTOR, [nameprovince]) select Select(element) # 通过select对象的index来选择北京 time.sleep(3) select.select_by_index(0) # 通过select对象的value来选择上海 time.sleep(3) select.select_by_value(02) # 通过select对象的文本内容来选择天津 time.sleep(3) select.select_by_visible_text(T 天津) # 等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()02弹框操作1)一般弹出框操作在 UI 自动化中处理弹出框操作可以通过以下步骤进行1.等待弹出框出现使用适当的等待机制等待弹出框出现。这可以确保在执行操作之前弹出框已经显示在界面上。2.定位弹出框元素使用元素定位方法找到弹出框的相关元素例如标题、按钮等。3.操作弹出框根据具体的需求进行以下操作填写文本如果弹出框需要输入文本可以找到相应的输入元素并填入文本。点击按钮如果弹出框有确定、取消等按钮使用点击操作方法点击相应的按钮。验证弹出框内容根据需要验证弹出框中的文本、选项等是否符合预期。代码示例# 导包 import time from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.common.keys import Keys # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开baidu网站 driver.get(https://www.baidu.com) # 点击页面右上角【登录】按钮进入登录页面 driver.find_element(By.ID, s-top-loginbtn).click() # 点击微信图标弹出微信扫码登录弹窗 time.sleep(3) element driver.find_element_by_css_selector([title微信]) element.click() # 执行其他操作……等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()2. 警告弹出框操作警告弹出框操作步骤1定位到到包含弹出警告框的页面2触发警告框出现3使用 driver.switch_to.alert切换到警告框通过调用 driver.switch_to.alert()将控制权切换到弹出的警告框。4与警告框进行交互接受警告框使用 alert.accept() 方法来接受警告框。取消警告框使用 alert.dismiss() 方法来取消警告框。获取提示信息使用 alert.text 获取弹出框文本提示信息。输入文本如果警告框需要输入文本可以使用 alert.send_keys(文本内容) 方法将文本输入到警告框中。代码示例# 导包 from selenium import webdriver # 实例化浏览器驱动 driver webdriver.Chrome() # 导航到目标页面 driver.get(https://example) # 点击测试图标弹出警告框 element driver.find_element_by_id(example) element.click() # 获取弹出框对象 alert driver.switch_to.alert() # 处理警告框 if alert: alert.accept() # 接受警告框 # 或者 alert.dismiss() # 取消警告框 # 或者 alert.text() # 获取警告框信息 # alert.text 也可以 # 或者 alert.send_keys(自定义文本) # 输入文本到警告框 # 执行其他操作 # 退出浏览器驱动 driver.quit()03滚动操作在 UI 自动化中实现滚动条操作可以通过以下几种常见的方法1.使用元素坐标通过获取滚动条的坐标位置然后设置元素的位置来实现滚动。可以使用自动化工具提供的元素定位和操作方法例如WebDriver中的moveToElement或scrollTo方法。2.使用滚动方法Selenium自动化工具提供了专门的滚动方法例如WebDriver中的scrollBy或scrollToElement方法。这些方法可以指定滚动的方向和距离。3.模拟鼠标滚动通过模拟鼠标滚轮的滚动操作来实现滚动条的滚动。可以使用鼠标操作方法例如发送鼠标滚轮滚动事件。4.等待滚动完成在执行滚动操作后需要等待页面加载完成或滚动操作完成。可以使用等待条件或超时设置来确保滚动操作完成后再进行后续操作。示例1、定义jsjs window.scrollTo(0, 2000) # 如果想要移动到最下方y值给最大值就可以实现2、执行JSdriver.execute_script(js)# 导包 import time from selenium import webdriver # 实例化浏览器驱动 driver webdriver.Chrome() driver.maximize_window() # 打开hao123网站 driver.get(https://www.hao123.com) # 控制滚动条滚向下方滚动 # 定义js js window.scrollTo(0, 2000) # 执行JS driver.execute_script(js) # 等待3S time.sleep(3) # 退出浏览器驱动 driver.quit()
