Selenium WebDriver测试举例 -- Antd DragSortTable

步骤 1: 初始化WebDriver

首先，我们需要创建一个WebDriver实例，并打开Antd Pro的DragSortTable组件所在的页面。

from selenium import webdriver

driver = webdriver.Chrome()  # 或使用其他浏览器
driver.get("http://localhost:8000/path/to/drag-sort-table")  # Antd Pro拖拽列表页面的URL

步骤 2: 定位可拖拽的列表项

使用Selenium的定位功能找到我们想要拖拽的列表项。通常，可拖拽的列表项会有一个特定的类名或ID。

from selenium.webdriver.common.action_chains import ActionChains

# 假设第一个和第二个列表项的选择器为.item-0和.item-1
source_element = driver.find_element_by_css_selector(".item-0")
target_element = driver.find_element_by_css_selector(".item-1")

步骤 3: 执行拖拽操作

使用ActionChains模拟拖拽操作。

actions = ActionChains(driver)
actions.drag_and_drop(source_element, target_element).perform()

一般来说，拖拽完成之后，前端会发送一个post请求将最新顺序上报给后端，而后端会返回排序之后的新的列表数据。这就要求使用Selenium WebDriver检测HTTP请求。因此，在自动化测试中，除了验证UI的变化，有时还需要验证后台是否正确处理了这些操