能否在ActionChain中插入WebDriverWait等待MUI组件动画完成？

我经常用ActionChain和MUI组件交互，下面是一段输入MM/DD/YYYY格式日期的代码，要确保从输入框的MM部分开始输入。现在得等字段标签动画移开后输入框才接收内容，代码里用actions.pause(.25)等待，但动画速度不固定。想在ActionChain执行过程中插入WebDriverWait.until(expected_condition)，等待标签元素停止移动，请问可行吗？

actions = ActionChains(driver, duration=CHAIN_DURATION)
actions.move_to_element(element)
actions.click(element)
actions.pause(.25) # animation of label to move out of the way.
actions.send_keys(Keys.ARROW_LEFT)
actions.send_keys(Keys.ARROW_LEFT)
actions.send_keys(date_str)
actions.send_keys(Keys.TAB)
actions.perform()

完全可行，而且这比固定延迟靠谱多了，能适配不同的动画速度。你可以按以下方式修改代码：

• 先定位到MUI输入框对应的标签元素（通常是<label>标签，或者带MuiInputLabel-root这类MUI专属类名的元素）
• 在ActionChain执行click操作后，插入WebDriverWait等待标签的位置或样式属性不再变化，以此判断动画是否停止

修改后的代码示例 #

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.common.keys import Keys

# 定位输入框和对应的标签元素
element = driver.find_element(...)  # 替换为你的输入框定位方式
label_element = driver.find_element(...)  # 替换为你的标签元素定位方式

actions = ActionChains(driver, duration=CHAIN_DURATION)
actions.move_to_element(element)
actions.click(element)

# 等待标签停止移动：通过连续两次获取位置判断是否稳定
WebDriverWait(driver, 5).until(
    lambda d: label_element.location == label_element.location
)

actions.send_keys(Keys.ARROW_LEFT)
actions.send_keys(Keys.ARROW_LEFT)
actions.send_keys(date_str)
actions.send_keys(Keys.TAB)
actions.perform()

补充说明 #

• 如果位置判断不够精准，也可以等待标签的CSS变换属性（比如transform）停止变化：

  WebDriverWait(driver, 5).until(
      lambda d: label_element.value_of_css_property('transform') == label_element.value_of_css_property('transform')
  )
  

• 超时时间设为5秒足够覆盖绝大多数动画场景，避免无限等待

内容的提问来源于stack exchange，提问作者Marcel Wilson