Develop Reference

Selenium: Can't scroll to click element that is not visible because of thread error: element is not visible

I am trying to click an element that is not visible and needs to be scrolled down to be visible. To fix this, I have tried to use javascript executor and action, but they do not work because before even scrolling, I get a thread error saying the element is not visible. I have made sure that the xpath to the element is correct and verified the code works with elements that are visible without the need to scroll.
<div class="product-grid-item clearfix" data-alpha="LOG ON T-SHIRT BLACK" data-price="4800" data-i="27">
<a href="/products/8r9ya45zmdwz" class="product-link">
<img src="[//cdn.shopify.com/s/files/1/0923/4190/products/Palace-2019-Autumn-T-Shirt-Log-On-black-1336\_200x200\_crop\_center#2x.jpg?v=1565334138](//cdn.shopify.com/s/files/1/0923/4190/products/Palace-2019-Autumn-T-Shirt-Log-On-black-1336_200x200_crop_center#2x.jpg?v=1565334138)" alt="LOG ON T-SHIRT BLACK" class="img">
</a>
<div class="product-info">
<a href="/products/8r9ya45zmdwz" class="product-link">
<h3 class="title">LOG ON T-SHIRT BLACK</h3>
</a>
<div class="price">
<span class="prod-price">$48</span>
</div>
</div>
</div>
I have tried javascript executor and action
WebElement element = driver.findElement(By.xpath("//*[#data-alpha='" + productName + "' and #class='product-grid-item clearfix']")); //error occurs at this line
int elementPosition = element.getLocation().getY();
String js = String.format("window.scroll(0, %s)", elementPosition);
((JavascriptExecutor)driver).executeScript(js);
element.click();
and
WebElement element = driver.findElement(By.xpath("//*[#data-alpha='" + productName + "' and #class='product-grid-item clearfix']")); //error occurs at this line
Actions builder = new Actions(driver);
builder.moveToElement(element);
builder.click();
builder.build().perform();
Error message:
no such element: Unable to locate element: {"method":"xpath","selector":"//*[#data-alpha='WINDOWLICKER HOOD GREY MARL' and #class='product-grid-item clearfix']"}

Try use WebDriverWait and change the locator with contains, may contain space.
WebDriverWait wait = new WebDriverWait(driver, 60);
WebElement element = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//*[contains(#data-alpha,'" + productName.trim() + "') and #class='product-grid-item clearfix']")));
scroll here....

The element seems to be a dynamic element and as you mentioned that the element that is not visible and needs to be scrolled down to be visible so you can use either of the following solutions:
Using WebDriverWait and ExpectedConditions and elementToBeClickable():
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[#class='product-grid-item clearfix' and contains(#data-alpha, 'LOG ON T-SHIRT BLACK')]//a[#class='product-link' and contains(#href, 'products')]/img[contains(#src, 'shopify')]"))).click();
Using WebDriverWait and ExpectedConditions and elementToBeClickable() through Actions:
new Actions(driver).moveToElement(new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[#class='product-grid-item clearfix' and contains(#data-alpha, 'LOG ON T-SHIRT BLACK')]//a[#class='product-link' and contains(#href, 'products')]/img[contains(#src, 'shopify')]")))).click().build().perform();

How to wait for a element to contain a specific attribute through Selenium and WebDriverWait?

I have a selenium question if someone could help. I need to get into a URL page where initially a node on that page is in the "registered" status, and X amount of seconds later, its status will dynamically changed to "ready" status. And until its status has moved to "ready' status, I may continue the next steps during selenium execution.
Here is the html code of the initial code,
<div class="icon-holder pull-left" action = "select-device" sn="FX0071234" status = "in_stock">
<i class = "...">...</i>
<div class="model-holder">
<span class="model-registered">200K</span>
</div>
<div class="active-holder">...</div>
</div>
And here is the updated html code after X amount of seconds,
<div class="icon-holder pull-left" action = "select-device" sn="FX0071234" status = "discovered">
<i class = "...">...</i>
<div class="model-holder">
<span class="model-ready">200K</span>
</div>
<div class="active-holder">...</div>
</div>
I want to new a WebDriverWait() Obj to wait for the change happens. Here is my code:
new WebDriverWait(driver, 50).until(ExpectedConditions.attributeContains(
By.xpath("//span[#class = 'model-registered' and text() = '200K']"), "class", "model-ready"));
But during my selenium run-time, this piece of code never works, it exists instantly. Any ideas what could be wrong ? Thanks in advance.

To wait for the element to be changed to ready status you need to induce WebDriverWait and you can use the following solution:
boolean status = new WebDriverWait(driver, 20).until(ExpectedConditions.attributeContains(By.xpath("//div[#class='model-holder']/span[contains(.,'200K')]"), "class", "model-ready"));

You can directly wait for element with class "model-ready" to exists. Here's the code:
new WebDriverWait(driver, 50).until(ExpectedConditions.ElementExists(
By.xpath("//span[#class = 'model-ready' and text() = '200K']")));
Let me know if this doesn't works.

Use FluentWait to wait until status changes to 'Ready'.
Wait<WebDriver> wait = new FluentWait<WebDriver>(webDriver)
.withTimeout(30, TimeUnit.SECONDS) // set the timeout
.pollingEvery(2, TimeUnit.SECONDS); // set the interval. Checks every 2sec's for the element status 'ready'
WebElement foo = wait.until(new Function() {
public WebElement apply(WebDriver driver) {
return driver.findElement(By.xpath("//span[#class = 'model-ready' and text() = '200K']"));
}
});

You can also use the method waitForAttributeMatchesRegex to wait for the targeting attribute until it matches some specific pattern.
Something like this:
webElement.waitForAttributeMatchesRegex(attribute, regex);

Selenium - Java - Element gets click but does not action

Very new to automation and have not had issues until now
I have a button that once clicked , a pop up button appears which one could click and it would perform a certain action.
I get to the second button and it seems to click it , however it does not perform the relevant action
My Code
//First Button//
WebElement AddUserSelect =
chromeDriver.findElementBy.id(
"j_idt67:j_idt68:j_idt69:j_idt229:pendingTable:dataTable:0:j_idt280_menuButton"));
AddUserSelect.click();
try {
Thread.sleep(1000L);
} catch (InterruptedException e) {
e.printStackTrace();
}
// Second Button//
WebElement AddUser =
chromeDriver.findElement(By.id(
"j_idt67:j_idt68:j_idt69:j_idt229:pendingTable:dataTable:0:j_idt281"));
AddUser.click();
Element on page when I inspect
<a
id="j_idt67:j_idt68:j_idt69:j_idt229:pendingTable:dataTable:0:j_idt281"
class="ui-menuitem-link ui-corner-all" href="#"
onclick="PrimeFaces.ab({s:"j_idt67:j_idt68:j_idt69:j_idt229:pendingTable:dataTable:0:j_idt281",p:"j_idt67",u:"j_idt67",f:"j_idt67"});return false;"
>
<span class="ui-menuitem-icon ui-icon ui-icon-extlink"></span>
<span class="ui-menuitem-text">
Add
</span>
</a>
Any Assistance would be appreciated..Thank you

As per the HTML you have shared you target the second inner span tag and can use the following Locator Strategy to click on the intended element :
chromeDriver.findElement(By.xpath("//a[#class='ui-menuitem-link ui-corner-all' and starts-with(#id,'j_idt')]//span[#class='ui-menuitem-text']")).click();
Update A
As per your comment update as the previous line of code locates the element, however does not action as an alternative you can use the Javascript Click as follows :
WebElement elem = chromeDriver.findElement(By.xpath("//a[#class='ui-menuitem-link ui-corner-all' and starts-with(#id,'j_idt')]//span[#class='ui-menuitem-text']"));
driver.executeScript("arguments[0].click();", elem);
Update B
Induce a waiter through WebDriverWait as follows :
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//a[#class='ui-menuitem-link ui-corner-all' and starts-with(#id,'j_idt')]//span[#class='ui-menuitem-text']"))).click();

Unable to perform drag and drop action on an element using Selenium

I am trying to perform drag and drop action on element but its not happening.
This is the snippet of the page I am working on. Here I am trying to drag and place the Tile "Time" in position of the Tile "Approvals".
Screenshot
This is the code I am using.
Code
String sSource = "//*[#id=\"PTNUI_LAND_REC14$1_row_0"]";
String sTarget = "//*[#id=\"PTNUI_LAND_REC14$1_row_1"]";
WebElement wSource = TestBase.wDriver.findElement(By.xpath(sSource));
WebElement wTarget = TestBase.wDriver.findElement(By.xpath(sTarget));
Actions aActions = new Actions(TestBase.wDriver);
Action aDragAndDrop = aActions.clickAndHold(wSource).moveToElement(wTarget).release(wTarget).build();
aDragAndDrop.perform();
HTML
Source Element
<div class="ps_grid-row nuitile rsz_w1 rsz_h1" id="PTNUI_LAND_REC14$1_row_0" tx="1.0577777777777777" ty="1" gx=".1.0577777777777777." gy=".1.">
<div class="ps_grid-cell">
<div id="win0divPTNUI_LAND_REC_GROUPLET$13" class="ps_box-group psc_layout nuilp " tabindex="0" draggable="true" aria-dropeffect="move" aria-grabbed="false" droppable="true">
<h2 class="ps_groupleth"><span class="ps-label" id="PTNUI_LAND_REC_GROUPLET_LBL$13">Approvals</span></h2>
Target Element
<div class="ps_grid-row nuitile rsz_w1 rsz_h1" id="PTNUI_LAND_REC14$1_row_1" tx="2.057777777777778" ty="1" gx=".2.057777777777778." gy=".1.">
<div class="ps_grid-cell">
<div id="win0divPTNUI_LAND_REC_GROUPLET$14" class="ps_box-group psc_layout nuilp " tabindex="0" draggable="true" aria-dropeffect="move" aria-grabbed="false" droppable="true">
<div id="win0groupletPTNUI_LAND_REC_GROUPLET$14" class="ps_box-grouplet"><img id="PT_PORTAL_CLEAR_DOT$14" class="ps_process" src="/cs/p91h25r2x/cache/PT_PORTAL_CLEAR_DOT_1.gif" alt=""></div>
<h2 class="ps_groupleth"><span class="ps-label" id="PTNUI_LAND_REC_GROUPLET_LBL$14">Time</span></h2></div></div>
Please let me know if you require any more details.

May be you have to target on draggable elements as given below.
String sSource = "//*[#id=\"win0divPTNUI_LAND_REC_GROUPLET$13"]";
String sTarget = "//*[#id=\"win0divPTNUI_LAND_REC_GROUPLET$14"]";
WebElement wSource = TestBase.wDriver.findElement(By.xpath(sSource));
WebElement wTarget = TestBase.wDriver.findElement(By.xpath(sTarget));
Actions aActions = new Actions(TestBase.wDriver);
aActions.dragAndDrop(wSource, wTarget).build().perform();

To Drag and Drop the Tile Approvals in position of the Tile Time you can use the following code block :
WebElement from = TestBase.wDriver.findElement(By.xpath("//div[#class='ps_box-group psc_layout nuilp ' and contains(id,'win0divPTNUI_LAND_REC_GROUPLET$13')]"));
WebElement to = TestBase.wDriver.findElement(By.xpath("//div[#class='ps_box-group psc_layout nuilp ' and contains(id,'win0divPTNUI_LAND_REC_GROUPLET$14')]"));
new Actions(TestBase.wDriver).dragAndDrop(from, to).build().perform();
System.out.println("Drag and Drop Completed");

I was trying to select the next month from the calendar and was unable to do so

This is the code which I was trying to execute.
driver.get("https://easemytrip.com/");
driver.findElement(By.id("ddate")).click();
driver.findElement(By.id("img2")).click();
I am unable to click on the next month of the calendar. Here is the HTML code.
<div class="month">
<div id="dvprevious" class="dvnxt" runat="server">
<img id="img2" onclick="return FillcalendarV(03,2017);" alt="Arrow" src="img/left.png"/>
</div>
<div class="month2">Apr 2017</div>
<div class="month3">
<img id="img1" onclick="return FillcalendarV(05,2017);" alt="Arrow" src="img/right.png"/>
</div>
</div>

My two work arounds were to force a mouse click on the item location.
WebElement elem = driver.findElement(By.id("id"));
Actions action = new Actions(driver);
action.moveToElement(elem).perform();
action.moveToElement(elem).click().perform();
or
driver.findElement(By.id("id")).sendKeys(Keys.ENTER);

The problem is that it takes a second for the calendar popup to get rendered so you need a brief pause. The next problem I ran into is that you apparently can't click the > img because it's blocked by the container DIV. So, I just clicked the container DIV and it worked. The code below works.
driver.get("https://easemytrip.com/");
driver.findElement(By.id("ddate")).click();
new WebDriverWait(driver, 3).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("div.month3"))).click();

Following code will work.
WebElement ele1 = driver.findElement(By.id("dvfarecal"));
ele1.click();
WebDriverWait wait = new WebDriverWait(driver, 5);
WebElement ele2 = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//img[#src='img/right.png']")));
ele2.click();
driver.manage().timeouts().implicitlyWait(3, TimeUnit.SECONDS);
WebElement date = driver.findElement(By.id("snd_3_10/05/2017"));
date.click();