Selenium webdriver-Not able to click on button which becomes visible on hovering only

Question

Here I'm using LinkedIn for the learning purpose & want to perform the action on Edit profile=> Work experience=> Add position. Here "Add position" button comes under work experience which becomes visible on hovering to that specific area. Look at my code,

driver.findElement(By.id("login-email")).clear();
driver.findElement(By.id("login email")).sendKeys("email id");
driver.findElement(By.id("login-password")).clear();
driver.findElement(By.id("login-password")).sendKeys("password");
driver.findElement(By.name("submit")).click();
driver.findElement(By.linkText("Home")).click();
driver.findElement(By.linkText("Profile")).click();
Thread.sleep(3000);

/* To scroll the page down */

JavascriptExecutor jse = (JavascriptExecutor)driver;
jse.executeScript("window.scrollBy(0,250)", "");

/* To hover mouse on required option*/

Actions hover=new Actions(driver);
hover.moveToElement(driver.findElement(By.xpath("id('background-experience')/div[1]/div/button[1]")));
driver.findElement(By.xpath("id('background-experience')/div[1]/div/button[1]")).click();
Thread.sleep(5000);

/* To Edit company name */

driver.findElement(By.xpath("id('companyName-positionCompany-position-editPositionForm')")).clear();
driver.findElement(By.xpath("id('companyName-positionCompany-position-editPositionForm')")).sendKeys("testing company");

This is continued to edit work details but when I execute, it stops the page at work experience & not able to click on add position button to edit work. It gives error on "edit company" code line. Can anyone help me perform the same?

Answer 1

I would suggest to use perform() function on the main menu link to hold the menu list till the time Selenium identifies the required sub-menu link and then click on it. I have modified your code (just added a perform() function on line 2).Hope this helps.

Actions hover=new Actions(driver);
hover.moveToElement(driver.findElement(By.xpath("id('background-experience')/div[1]/div/button[1]"))).perform();
driver.findElement(By.xpath("id('background-experience')/div[1]/div/button[1]")).click();
Thread.sleep(5000);

Answer 2

Simple way & working solution, When you want to take action on Hidden element

1. First of all we know that element should be visible

   hidden_element.send_keys ""
   

2. Once element get visible using selenium we can easily take any action

   hidden_element.click()
   

I hope code snippet will help you! Try it