Установите флажок и добавьте текст

Question

Я хочу добавить в поле дополнительный текст поле в этом website текстовую строку.

Мой метод Селен выглядит следующим образом:

public void addSecondaryText(String string) { 
    //click secondary button 
    WebElement secButton = driver.findElement(By.xpath("//label/input[@id='sub-text-check']")); 
    if (secButton.isDisplayed()) { 
     secButton.click();   
    } 
    //clear text 
    WebElement secTextField = driver.findElement(By.xpath("//*[@id='sub-text']")); 
    secTextField.clear(); // I get the exception here! 
    //add text 
    secTextField.sendKeys(string); 
} 

Однако, я в настоящее время получаю исключение для secTextField.clear();, что нельзя манипулировать:

Exception in thread "main" org.openqa.selenium.InvalidElementStateException: invalid element state: Element is not currently interactable and may not be manipulated 

Любые предложения, что я делаю не так?

Я ценю ваши ответы!

Answer 1

Проблема заключается в том, что текстовое пространство зависит от другой кнопки, и вам нужно выполнить щелчок по ней, прежде чем сделать редактируемую текстовую область. См. Изображение ниже.

//List will help of to determine the "Add secondary text" button needs to be clicked on not 
//if the count is greater than 0 then click it 
IList<IWebElement> elements = driver.FindElements(By.XPath("//span[contains(text(),'Add secondary text')]")); 
if (elements.Count>0) 
{ 
    elements.FirstOrDefault().Click(); 
} 
IWebElement element = driver.FindElement(By.Id("sub-text")); 
element.Clear(); 
element.SendKeys("Test"); 

Answer 2

Следующий код работает -

public void addSecondaryText(String string) { 
    //click secondary button 
    WebElement secButton = driver.findElement(By.xpath("//span[@class='sub-text-toggle']")); 
    secButton.click(); 

    //clear text 
    WebElement secTextField = driver.findElement(By.xpath("//*[@id='sub-text']")); 
    secTextField.clear(); // I get the exception here! 
    //add text 
    secTextField.sendKeys(string); 
}