无法使用Selenium WebDriver在文本框中输入值

Question

我正在使用java使用Selenium在2个文本框中输入文本。我可以在第一个文本框中输入文本，但在第二个文本框中，我不断得到元素不可见异常

HTML代码。。

<form name="form">
  <div class="form-group">
      <input name="name" type="text" class="form-control" ng-model="name" placeholder="Name*" required>
   </div>
   <div class="form-group">
       <input name="email" id="email" type="email" class="form-control" ng-model="email" ng-change="(form.email.$dirty && form.email.$valid) ? error='' : error='Please enter a valid email'" placeholder="Email*" required autofocus/>
    </div>
</form>

Java代码。。

WebElement name = driver.findElement(By.name("name"));  
name.sendKeys("Sample Name");

WebElement signup_email = driver.findElement(By.name("email")); 
signup_email.sendKeys("[e-mail]");

错误：

组织。openqa。硒。ElementNotVisibleException：元素当前不可见，因此可能无法与命令持续时间或超时交互：19毫秒生成信息：版本：“2.53.1”，版本：“a36b8b1”，时间：“2016-06-30 17:32:46”系统信息：主机：“Hp PC”，ip：“172.16.255.131”，操作系统。名称：“Windows 7”，操作系统。arch：“amd64”，操作系统。版本：“6.1”，java。版本：“1.7.0\u 79”会话ID:2e7ab2fd-cd6b-428e-86e7-a4f7d8d737fa驱动程序信息：org。openqa。硒。firefox。FirefoxDriver功能[{平台=WINDOWS，acceptSslCerts=true，javascriptEnabled=true，cssSelectorsEnabled=true，databaseEnabled=true，browserName=firefox，handlesAlerts=true，nativeEvents=false，webStorageEnabled=true，rotatable=false，locationContextEnabled=true，applicationCacheEnabled=true，takesScreenshot=true，version=47.0.1}]。反映NativeConstructorAccessorImpl。sun上的newInstance0（本机方法）。反映NativeConstructorAccessorImpl。sun上的newInstance（NativeConstructorAccessorImpl.java:57）。反映授权ConstructorAccessorImpl。java上的newInstance（DelegatingConstructorAccessorImpl.java:45）。lang.reflect。构造函数。org上的newInstance（Constructor.java:526）。openqa。硒。遥远的ErrorHandler。在org上创建throwable（ErrorHandler.java:206）。openqa。硒。遥远的ErrorHandler。throwIfResponseFailed（ErrorHandler.java:158）位于org。openqa。硒。遥远的RemoteWebDriver。在org上执行（RemoteWebDriver.java:678）。openqa。硒。遥远的RemoteWebElement。在org上执行（RemoteWebElement.java:327）。openqa。硒。遥远的RemoteWebElement。src上的sendKeys（RemoteWebElement.java:122）。测验。电子邮件注册。在src进行测试（EmailSignUp.java:107）。测验。电子邮件注册。main（EmailSignUp.java:27）

编辑1：

在浏览器控制台中，以下类由angular Js自动填充

如果出现第二个文本框，我不明白我会错在哪里。角度代码是否导致问题？？请帮助。。




Answer 1

可能是当您要定位元素时，它不会出现在DOM上，您应该尝试使用WebDriverWait等待元素出现，如下所示：-

WebDriverWait wait = new WebDriverWait(driver, 10);

WebElement name = wait.until(ExpectedConditions.presenceOfElementLocated(By.name("name")));
name.sendKeys("Sample Name");

WebElement signup_email = wait.until(ExpectedConditions.presenceOfElementLocated(By.name("email")));
signup_email.sendKeys("[e-mail]");

Edited1：-如果您在sendKeys（）期间仍面临此问题，我认为您的元素中嵌入了一些javascript，使其不可见，在这种情况下，请尝试使用JavascriptExecutor设置值，如下所示：-

WebElement signup_email = wait.until(ExpectedConditions.presenceOfElementLocated(By.name("email")));
((JavascriptExecutor)driver).executeScript("arguments[0].value = '[e-mail]'", signup_email);

Edited1：-如果你想让元素可见，如果不确定css在你的元素中到底是什么，但下面是使元素可见的通用方法，如下所示：-

WebElement signup_email = wait.until(ExpectedConditions.presenceOfElementLocated(By.name("email")));
signup_email = (WebElement)((JavascriptExecutor)driver).executeScript("arguments[0].style.visibility = 'visible'; return arguments[0];", signup_email);

//Now if it is visible then goto set value
signup_email.sendKeys("[e-mail]");

编辑：-当我看到这个元素与angularjs一起工作时，尝试angularjs东西使用JavascriptExecator设置值如下：

WebElement signup_email = wait.until(ExpectedConditions.presenceOfElementLocated(By.name("email")));

((JavascriptExecutor).executeScript("angular.element(arguments[0]).scope().email = arguments[1]", signup_email, "[e-mail]");

希望对您有所帮助……：）