{"id":2693,"date":"2020-04-22T17:19:46","date_gmt":"2020-04-22T11:49:46","guid":{"rendered":"https:\/\/www.h2kinfosys.com\/blog\/?p=2693"},"modified":"2025-06-11T07:49:54","modified_gmt":"2025-06-11T11:49:54","slug":"selenium-webdriver-handling-images","status":"publish","type":"post","link":"https:\/\/www.h2kinfosys.com\/blog\/selenium-webdriver-handling-images\/","title":{"rendered":"Selenium Webdriver \u2013 Handling Images"},"content":{"rendered":"\n

Accessing Image Links<\/b><\/h2>\n\n\n\n

In this tutorial, we learn about Handling images using Selenium Webdriver. Image links in web pages are the links that represent an image. When we click an image it navigates to a different window or a page.\u00a0Since Image links have no link texts we cannot use the By.linkText() and By.partialLinkText() to access the image links. In this case, we use either By.cssSelector or By.Xpath.<\/span><\/p>\n\n\n\n

Consider the below example from a Selenium certification course<\/a>, to access the \u201cFacebook\u201d logo on the upper left portion of Facebook\u2019s Password Recovery page.<\/span><\/p>\n\n\n

\n
\"Selenium<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Now, we will create a test case step by step to understand how to access the image.<\/span><\/p>\n\n\n\n

Step 1:<\/b> Launch the Eclipse IDE<\/span><\/p>\n\n\n\n

Step 2: <\/b>Right-click on the src folder and click on the New > class.<\/span><\/p>\n\n\n\n

Step 3: <\/b>Enter the Class Name as (Image)<\/span><\/p>\n\n\n\n

Step 4:<\/b> Invoke the Google Chrome browser and set the system property to the path of your chromedriver.exe file.<\/span><\/p>\n\n\n\n

Step 5:<\/b> Navigate to the \u201cFacebook\u201d website.<\/span><\/p>\n\n\n\n

Here is the complete code for above scenario:<\/strong><\/p>\n\n\n\n

import<\/b> org.openqa.selenium.WebDriver;  <\/span>\nimport<\/b> org.openqa.selenium.chrome.ChromeDriver;  <\/span>\n  <\/span>\npublic<\/b> <\/span>class<\/b> Image {  <\/span>\n\n <\/span>public<\/b> <\/span>static<\/b> <\/span>void<\/b> main(String[] args) {  <\/span>\n\nString baseUrl = <\/span>\"<\/span>https:\/\/www.facebook.com\/login\/identify\/?ctx=recover<\/span>\"<\/span>;  <\/span>\n\/\/ TODO Auto-generated method stub<\/span>  <\/span>\n System.setProperty(<\/span>\"webdriver.chrome.driver\"<\/span>,<\/span> \u201c<\/span> D:\\\\Drivers\\\\geckodriver.exe<\/span> \"<\/span>);  <\/span>\n WebDriver driver = <\/span>new<\/span> ChromeDriver();  <\/span>\n\ndriver.get(baseUrl);<\/span>\n }<\/span>\n}  <\/span><\/code><\/pre>\n\n\n\n
Step 6:<\/b> Now we try to click on the “Facebook” logo on the upper left portion by inspecting its HTML code.<\/span><\/p>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/p>\n\n\n\n
Note the title of a \u201cFacebook\u201d image.<\/b><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Step 7:<\/b> Write the code to handle the \u201cFacebook\u201d image<\/span>.<\/b><\/p>\n\n\n\n
import org.openqa.selenium.By;<\/span>\nimport org.openqa.selenium.WebDriver;<\/span>\nimport org.openqa.selenium.chrome.ChromeDriver;<\/span>\n\npublic class Image {<\/span>\n\n   <\/span> public static void main(String[] args) {<\/span>\n\n      String baseUrl = <\/span>\"<\/span>https:\/\/www.facebook.com\/login\/identify\/?ctx=recover<\/span>\"<\/span>;  <\/span>\n\n      System.setProperty(\"webdriver.chrome.driver\",\"<\/span> D:\\\\Drivers\\\\geckodriver.exe<\/span> \");<\/span>\n\n        WebDriver driver = new ChromeDriver();<\/span>\n\n        driver.get(baseUrl);<\/span>\n\n        \/\/click on the \"Facebook\" logo<\/span>\n\ndriver.findElement(By.cssSelector(\"a[title=\\\"Go to Facebook home\\\"]\")).click();<\/span>\n\n\/\/verify that we are back on Facebook's homepage<\/span>\n\nif (driver.getTitle().equals(\"Facebook - log in or sign up\")) <\/span>\n\n{<\/span>\n\n            System.out.println(\"We are back to Facebook's homepage\");<\/span>\n\n        } else {<\/span>\n\n            System.out.println(\"We are NOT at Facebook's homepage\");<\/span>\n\n        }<\/span>\n\ndriver.close();<\/span>\n\n    }<\/span>\n\n}<\/span><\/code><\/pre>\n\n\n\n
Finding All Broken links using Selenium Webdriver<\/b><\/h2>\n\n\n\n
What are Broken Links?<\/b><\/h4>\n\n\n\n
The URLs or links which are not reachable are called broken links<\/a>. The URLs or links may be down due to some server problem. Every URL will always have a status code 200 which is valid. For every different purpose, there are different HTTP status codes. 400 and 500 are the HTTP status codes for invalid requests. 400 status code mainly occur due to client-side error, and 500 status code mainly occur due to server response error. We will mostly unable to confirm whether the link is working or not until and unless we click and confirm it.<\/span><\/p>\n\n\n\n
\n