Πώς να κάνετε κλικ στην εικόνα μέσα Selenium Πρόγραμμα οδήγησης Web

Πρόσβαση σε συνδέσμους εικόνας

Οι σύνδεσμοι εικόνας είναι οι σύνδεσμοι σε ιστοσελίδες που αντιπροσωπεύονται από μια εικόνα στην οποία, όταν κάνετε κλικ, πλοηγείται σε διαφορετικό παράθυρο ή σελίδα.

Δεδομένου ότι είναι εικόνες, δεν μπορούμε να χρησιμοποιήσουμε τις μεθόδους By.linkText() και By.partialLinkText() επειδή οι σύνδεσμοι εικόνων βασικά δεν έχουν καθόλου κείμενα συνδέσμων.

Σε αυτήν την περίπτωση, θα πρέπει να καταφύγουμε στη χρήση είτε By.cssSelector είτε By.xpath. Η πρώτη μέθοδος προτιμάται περισσότερο λόγω της απλότητάς της.

Στο παρακάτω παράδειγμα, θα έχουμε πρόσβαση στο λογότυπο «Facebook» στο επάνω αριστερό τμήμα της σελίδας Ανάκτηση κωδικού πρόσβασης του Facebook.

Θα χρησιμοποιήσουμε το By.cssSelector και το χαρακτηριστικό "title" του στοιχείου για πρόσβαση στον σύνδεσμο εικόνας. Και στη συνέχεια θα επαληθεύσουμε εάν μεταφερθούμε στην αρχική σελίδα του Facebook.

package newproject;
import org.openqa.selenium.By;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.chrome.ChromeDriver;		

public class MyClass {				
    		
    public static void main(String[] args) {									
        String baseUrl = "https://www.facebook.com/login/identify?ctx=recover";					
        System.setProperty("webdriver.chrome.driver","G:\\chromedriver.exe");					
        WebDriver driver = new ChromeDriver();					
        		
        driver.get(baseUrl);					
        //click on the "Facebook" logo on the upper left portion		
			driver.findElement(By.cssSelector("a[title=\"Go to Facebook home\"]")).click();					

			//verify that we are now back on Facebook's homepage		
			if (driver.getTitle().equals("Facebook - log in or sign up")) {							
            System.out.println("We are back at Facebook's homepage");					
        } else {			
            System.out.println("We are NOT in Facebook's homepage");					
        }		
				driver.close();		

    }		
}

Αποτέλεσμα

Συμπέρασμα

Όλα αυτά αφορούν το κλικ στις εικόνες. Η πρόσβαση στον σύνδεσμο εικόνας γίνεται χρησιμοποιώντας By.cssSelector()