Selenium中Clear()方法未实际清除输入元素的问题求助

问题场景 #

调用Selenium封装的Clear()方法后，控制台无异常报错，但输入框内容并未真正清除——即时窗口执行原生代码看似清除成功，点击元素后原内容又恢复。当前临时方案是通过循环按退格键清空，但希望能正常使用Clear()方法。

相关代码与元素信息 #

框架封装的Clear方法 #

public void Clear(By element)
{
    try
    {
        driver.FindElement(element).Clear();
    }
    catch (Exception ex)
    {
        DTAF.Helpers.Screenshot.TakeScreenshot(driver);
        throw ex;
    }
}

目标元素HTML #

<input aria-invalid="false" id="txtCustomerEditFirstName" type="text" data-testid="firstname" class="MuiFilledInput-input MuiInputBase-input css-1ncak0i" value="test123">

元素定位器与调用逻辑 #

定位器：

public static By FirstNameTextbox = By.Id("txtCustomerEditFirstName");

调用代码：

public EditUnregisteredCustomerProfileModal ClearAndEnterFirstName(string firstName)
{
    try
    {
ElementActions.Clear(EditUnregisteredCustomerProfileModalElements.FirstNameTextbox);
ElementActions.Type(EditUnregisteredCustomerProfileModalElements.FirstNameTextbox, firstName);
    }
    catch (Exception e)
    {
        DTAFLogger.GetLogger().Error($"Failed to clear and enter unregistered customer first name '{firstName}'. {e.Message}");
        Assert.Fail($"Failed to clear and enter unregistered customer first name '{firstName}'. {e.Message}");
    }

    return this;
}

可能的原因与解决办法 #

1. 元素未获取焦点，导致清除操作未触发状态更新 #

Selenium的Clear()需要元素处于可交互状态，若元素未聚焦，可能仅修改了DOM表面的value，未同步前端内部状态。

解决代码：

public void Clear(By element)
{
    try
    {
        var inputElement = driver.FindElement(element);
        inputElement.Click(); // 先点击获取焦点
        inputElement.Clear();
    }
    catch (Exception ex)
    {
        DTAF.Helpers.Screenshot.TakeScreenshot(driver);
        throw ex;
    }
}

2. Material-UI框架的状态绑定特性导致DOM与内部状态不同步 #

从元素class能看出这是Material-UI的输入组件，这类组件的输入值绑定到前端状态，而非完全依赖DOM的value属性。Selenium原生Clear()只修改了DOM值，未触发状态同步事件，点击后状态回显原内容。

解决代码：

public void Clear(By element)
{
    try
    {
        var inputElement = driver.FindElement(element);
        IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
        // 强制清空value并触发input事件，同步前端状态
        js.ExecuteScript("arguments[0].value = ''; arguments[0].dispatchEvent(new Event('input'));", inputElement);
    }
    catch (Exception ex)
    {
        DTAF.Helpers.Screenshot.TakeScreenshot(driver);
        throw ex;
    }
}

3. 页面异步加载导致元素状态不稳定 #

若页面存在异步操作，Clear()执行时元素可能还未完全加载稳定，导致操作失效。

解决代码：

public void Clear(By element)
{
    try
    {
        var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
        // 等待元素可交互后再操作
        var inputElement = wait.Until(ExpectedConditions.ElementToBeClickable(element));
        inputElement.Clear();
    }
    catch (Exception ex)
    {
        DTAF.Helpers.Screenshot.TakeScreenshot(driver);
        throw ex;
    }
}

4. 模拟用户全选后覆盖输入（替代Clear的方案） #

直接模拟用户全选文本再输入新内容，跳过Clear()操作，同样能达到清空后输入的效果：

修改调用代码：

public EditUnregisteredCustomerProfileModal ClearAndEnterFirstName(string firstName)
{
    try
    {
        var inputElement = driver.FindElement(EditUnregisteredCustomerProfileModalElements.FirstNameTextbox);
        inputElement.Click();
        // 全选文本（Ctrl+A）
        inputElement.SendKeys(Keys.Control + "a");
        // 直接输入新内容覆盖
        inputElement.SendKeys(firstName);
    }
    catch (Exception e)
    {
        DTAFLogger.GetLogger().Error($"Failed to clear and enter unregistered customer first name '{firstName}'. {e.Message}");
        Assert.Fail($"Failed to clear and enter unregistered customer first name '{firstName}'. {e.Message}");
    }

    return this;
}

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