How to click the link icon in CK editor

Question

When I click the link icon in ck editor initially it worked, but when I re-run the code, it's not clicking the link icon in the ck editor.

This is the command I used initially:

driver.findElement(By.xpath("//*[@id='cke_29']/span[1]")).click();

Looks like the id is dynamic one,Check the id while running the test. — Sudha Velan, Mar 28 '19 at 10:43

score 1 · Answer 1 · answered Mar 28 '19 at 10:59

Use WebDriverWait to handle dynamic element.

WebDriverWait wait = new WebDriverWait(driver, 30);
wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//a[starts-with(@id,'cke_')][@class='cke_button cke_button__link cke_button_off']"))).click();

score 0 · Answer 2 · answered Mar 28 '19 at 10:56

0

As @akshay-patil commented use the a tag. The reason is that the <a> tag is the link itself... not the span!

You should use:

driver.findElement(By.xpath("//*[@id='cke_29']")).click();

Hope this helps!

answered Mar 28 '19 at 10:56

Moshe Slavin

5,127
5
23
38

@User2080 so try using Kajal Kundu's answer! it's best practice! – Moshe Slavin Mar 28 '19 at 11:05
@NarendraR Initially in the sense 1 or 5 runs it worked yesterday. But today its not working – User2080 Mar 28 '19 at 11:06

score 0 · Answer 3 · answered Mar 28 '19 at 13:09

The desired element is a JavaScript enabled element so to click() on the element you have to induce WebDriverWait for the element to be clickable and you can use either of the following Locator Strategies:

Using CSS_SELECTOR:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("a.cke_button.cke_button__link.cke_button_off[id^='cke_'][title^='Link']>span.cke_button_icon.cke_button__link_icon"))).click();

Using XPATH:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//a[@class='cke_button cke_button__link cke_button_off' and starts-with(@id,'cke_')][starts-with(@title,'Link')]/span[@class='cke_button_icon cke_button__link_icon']"))).click();

How to click the link icon in CK editor

3 Answers3