CODEWITHSUNDEEP
javascriptjavaseleniumiframeautomated-tests
Waruna Gunaratne
Waruna Gunaratne

Reputation: 81

How to use sendKeys into ckeditor text area using java selenium

How can I send keys to Reach text area in java selenium.

Here is the HTML code include Iframe:

<div class="col-sm-11">
<textarea class="ckeditor ng-untouched ng-empty ng-invalid ng-invalid-required ng-dirty ng-valid-parse" ng-class="{true:'validation-error'}[submitted]" placeholder="Enter text ..." ck-editor="" ng-model="NewTicket.Message" name="Message" style="visibility: hidden; display: none;" aria-invalid="true"/>
<div id="cke_Message" class="cke_1 cke cke_reset cke_chrome cke_editor_Message cke_ltr cke_browser_gecko" lang="en" aria-labelledby="cke_Message_arialbl" role="application" dir="ltr">
<span id="cke_Message_arialbl" class="cke_voice_label">Rich Text Editor, Message</span>
<div class="cke_inner cke_reset" role="presentation">
<span id="cke_1_top" class="cke_top cke_reset_all" style="height: auto; -moz-user-select: none;" role="presentation">
<div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;">
<span id="cke_50" class="cke_voice_label">Press ALT 0 for help</span>
<iframe class="cke_wysiwyg_frame cke_reset" frameborder="0" src="" style="width: 100%; height: 100%;" title="Rich Text Editor, Message" aria-describedby="cke_50" tabindex="0" allowtransparency="true"/>
</div>
</div>
</div>
<span class="ng-binding ng-hide" style="color:red" ng-show="newTicketForm.Message.$invalid && submitted" aria-hidden="true">Content is required</span>
</div>

I try to use below method using Iframe class name but I couldn’t send data to it. Here is the Selenium code

for (String handle002 : driver.getWindowHandles()) 
    {
        driver.switchTo().window(handle002);
        Thread.sleep(500);
          for (String handle001 : driver.getWindowHandles()) 
            {
    driver.switchTo().window(handle001);
    Thread.sleep(500);
  driver.switchTo().frame(driver.findElement(By.className("cke_wysiwyg_frame cke_reset")));
  driver.switchTo().defaultContent();
  WebElement body=driver.findElement(By.className("cke_wysiwyg_frame cke_reset"));
  body.sendKeys("Test");
  driver.switchTo().defaultContent();
            }
    }

enter image description here

Upvotes: 4

Views: 771

Answers (1)

Saurabh Gaur
Saurabh Gaur

Reputation: 23815

I have got the solution after seeing your provided HTML, you should try using WebDriverWait as below :-

WebDriverWait wait = new WebDriverWait(driver, 10);

wait.until(ExpectedConditions.frameToBeAvailableAndSwitchToIt(By.cssSelector("iframe.cke_wysiwyg_frame.cke_reset")));

WebElement body = wait.until(ExpectedConditions.visibilityOfElementLocated(By.tagName("body")));
body.sendKeys("Test String");

//Now after entering text into texteditor switch back to default content 
driver.switchTo().defaultContent();

Upvotes: 3

Related Questions