如何处理 selenium c# 中的元素不可交互异常

Question

Web Element Code:

<div class="form_field form_field--has_error sc-fBuWsC bNcPjv"
    <input id="temporaryEmail" autocomplete="false" name="temporaryEmail" class="sc-hzDkRC gHYxbL" value=""/>
    <label for="temporaryEmail" class="sc-jhAzac heNtmJ">
        Email Address 
    </label> 
</div>

my Driver Code

public IWebElement emailfield => Driver.FindElement(By.XPath("//input[@id='temporaryEmail']"));

If I just use: emailfield.SendKeys(signUpCredentials.emailAddress); I get error Unhandled exception: OpenQA.Selenium.ElementNotInteractableException: 'element not interactable'

If I use:

((IJavaScriptExecutor)Driver).ExecuteScript("$('document.querySelector(#temporaryEmail'))", emailfield); 
emailfield.SendKeys(signUpCredentials.emailAddress);

I get error Unhandled exception: OpenQA.Selenium.WebDriverException: 'javascript error: Unexpected token ')' (Session info: chrome=77.0.3865.120)'

Answer 1

Try using below via javascript executor

((IJavaScriptExecutor)Driver).ExecuteScript("document.querySelector('#temporaryEmail')", emailfield); 

Answer 2

The issue ended up being related to the HTML on the page -- there were multiple elements found under the query //input[@id='temporaryEmail'] , so we had to write a more specific XPath to find the correct element.

// wait for element to exist

// find the element
var email = Driver.FindElement(By.XPath("//input[following-sibling::label[text()='Email Address']]"));

// click the element to activate it
email.Click();

// send keys
email.SendKeys(signUpCredentials.emailAddress);

This script has successfully executed on my end, and populated field 'Email' with some text.