Reach parent of an element using WebDriver

Sometimes it is required to reach at the parent location of an element. I faced a  problem while trying to reach at the parent locator from the child locator. I explored a lot , discussed with my Selenium team mates for the same and finally found a solution which is very easy to handle. I wanted to share the piece of information to all of my selenium fellows so that they would not face the same problem. It is very easy to reach at the parent location by using xpath only. We need only the locator of the child element from where we want to back. You can use the below piece of code for the above situation.

Code:

try{

driver.findElement(childLocator).findElement(By.xpath(".."));

}catch(Throwable e){

system.out.println("Error occured while reaching to the parent location"+e.getMessage());

}

Here childLocator is the location of the child element from where you want to back

So our problem solved!!! 

Finding broken images in a page using Selenium Webdriver

What is broken images?

Broken image as the name signifies the web page code refers to an image location(i.e src of the image) is either incorrect or out of date. When you try to search that image at the specified location written in the code you wont be able to find that image.

Reason for broken images :-

There are three possible reasons why your images are not showing up on your pages as expected:
(1) The image file is not located in the same location that is specified in your IMG tag
(2) The image does not have the same file name as specified in your  tag  and 
(3) The image file is either corrupted or damaged.

Code for finding broken images through Selenium :-

WebDriver driver = new FirefoxDriver();
EventFiringWebDriver eventFiringWebDriver = new EventFiringWebDriver (driver);

// Storing all the image elemt  in the variable allImages
List<WebElement> allImages = 
eventFiringWebDriver.findElements(By.tagName("img"));
int countBrokenImages = 0;

// Declaring a dynamic  string of array which will store src of all the broken images
List<String> BrokenimageUrl = new ArrayList<String>();

String script = "return (typeof arguments[0].naturalWidth!=\"undefined\" &&  
arguments[0].naturalWidth>0)";

for (WebElement image : allImages) 
{   
        Object imgStatus = eventFiringWebDriver.executeScript(script, image);          
if(imgStatus.equals(false))
{
String  currentImageUrl = image.getAttribute("src");
String imageUrl = currentImageUrl ;
                BrokenimageUrl.add(imageUrl);
                countBrokenImages++;
         }
}

// Printing the src of the broken images if any
System.out.println("Number of broken images found in the page : " +countBrokenImages);
for (String z : BrokenimageUrl) 
{
    System.out.println(z);
}

Hope the above code resolved your problem.

Adding link text to an element which appears as an image and is not detected by WebDriver

WebDriver not clicking on a link?

Whenever "FirePath" does not detect an element within an anchor tag, which does not have a link text and the element  belongs to an image class, try the below code snippet  for "FirePath" to detect the element and "WebDriver" to click on the element.

Approach:
- One has to remove the class tag from the element so that it does not behave as an image anymore.
- The innerHTML has to be edited and a link text has to be appended to the element so that it can be recognized for further actions.

Code Snippet :

public static void replaceLinkIdentifier(WebDriver driver, By locator, String replace_id){
   //Replacing link identifier
    JavascriptExecutor js = (JavascriptExecutor) driver;
    WebElement element= driver.findElement(locator);
    js.executeScript("arguments[0].setAttribute('class', arguments[1]);",element, ""); //Setting the class attribute to null, so that the element does not behave as an image.
    js.executeScript("arguments[0].setAttribute('id', arguments[1]);",element, replace_id);  //Substituting/Adding an id for future reference.
     String el = element.getAttribute("id");
    js.executeScript("var t ="+el+";t.innerHTML+='"+replace_id+"';", ""); //Adding the visible link text which is same as id.
    }

The above code snippet would remove the image class from the element and add the link text, same as the 'replace_id' provided here.
After which the element could be acted upon, with reference to the id set in the snippet, which is same as the 'replace_id' here.


Hope the trick helped .

Selenium : Get Date and Time of a specific timezone

Have we come across such a situation where we need to fetch Server date and time which is located in US/Canada/Russia/French etc. and do some activities with that in Selenium.

If yes, you are just in the right place as we are going to discuss something similar which will help us fetch date and time particular to a specific timezone. We will use 2 built-in java classes in order to satisfy our need :-

1. Date - It represents a specific instant in time, with millisecond precision.
2. SimpleDateFormat - It's a concrete class for formatting and parsing dates in a locale-sensitive manner.

Code snippet to use :-

// Locale date and time

Date date = new Date();  

SimpleDateFormat formatter = new SimpleDateFormat("MM-dd-yyyy hh:mm a");

        

// Get US/Eastern time

formatter.setTimeZone(TimeZone.getTimeZone("US/Eastern")); 

// Prints the date in the US timezone  

System.out.println("US/Eastern date & time : " +formatter.format(date));  

        

// Set the formatter to use a different timezone  

formatter.setTimeZone(TimeZone.getTimeZone("IST"));  

// Prints the date in the IST timezone  

System.out.println("India date & time : " +formatter.format(date));

How to get all available Time-zones?

// To get all available Time-zones

String[] allTimeZones = TimeZone.getAvailableIDs();   

for (int i = 0; i < allTimeZones.length; i++) 

{  

    System.out.println(allTimeZones[i]); 

}

Hope it helps!! :D

Deal with Multiple Scroller inside a Webpage using Selenium

In our Automation journey, we may come across situations where we need to scroll a specific webpage or web element to traverse through contents present inside. In Selenium, we don't have any Pre-defined/built-in method for that, but we can introduce JavaScript methods to satisfy our automation needs. Please go through the examples written below to get an idea on how to do that -

Deal with Scroller present within a Web Page :

WebDriver webDriver = new FirefoxDriver();

EventFiringWebDriver eventFiringWebDriver = new EventFiringWebDriver();

eventFiringWebDriver.executeScript("scroll(<pixel-to-scroll-in-horizontal>,<pixel-to-scroll-in-vertical>)");

Note - <pixel-to-scroll-in-horizontal> and <pixel-to-scroll-in-vertical> should be the number of pixel we want to scroll through in horizontal and vertical respectively. 

For example, if we want to scroll through 100 pixels in horizontal and 200 pixels in vertical, we need to declare :

eventFiringWebDriver.executeScript("scroll(100,200)");

Deal with Scroller present within a Web Element :

WebDriver webDriver = new FirefoxDriver();

EventFiringWebDriver eventFiringWebDriver = new EventFiringWebDriver();

eventFiringWebDriver.executeScript("document.getElementById('<id-of-the-webelement>').scrollTop = <pixel-to-scroll>");

Note - <pixel-to-scroll> should be the number of pixel we want to scroll through. 

For example, if we want to scroll through 200 pixels, we need to declare :

eventFiringWebDriver.executeScript("document.getElementById('<id-of-the-webelement>').scrollTop = 200");