Kako provjeriti Tooltip u Selenium

Opis alata u Selenium

A Opis alata u Selenium je kratki tekst koji se pojavljuje kada se miš zadrži iznad objekta na web stranici. Objekt može biti poveznica, slika, gumb ili tekstualno područje. Tekst opisa često daje više informacija o elementu ispod kursora.

Opisi alata tradicionalno su se implementirali kao atribut "title" na elementu. Vrijednost ovog atributa prikazivala se kao opis alata prilikom zadržavanja pokazivača miša iznad elementa. To je statički tekst koji daje informacije o elementu bez stiliziranja.

Danas je dostupno mnogo dodataka za implementaciju opisa alata. Napredni opisi alata sa stiliziranjem, renderiranjem, slikama i poveznicama izrađuju se pomoću JavaDodaci za skripte ili jQuery ili samo s CSS-om koji sadrže opise.

• Za pristup ili provjeru statičkih opisa alata implementiranih putem HTML atributa "title", upotrijebite getAttribute("title") metoda na WebElementu. Vraćena vrijednost (tekst opisa) uspoređuje se s očekivanom vrijednošću radi provjere.
• Za ostale implementacije opisa alata, upotrijebite "API za napredne interakcije korisnika" koji pruža WebDriver za stvaranje efekta zadržavanja miša iznad elementa, a zatim dohvatite opis alata za element.

Ukratko o API-ju naprednih korisničkih interakcija

API za napredne interakcije korisnika otkriva korisničke radnje poput povlačenja i ispuštanja, zadržavanja pokazivača miša iznad web stranice, višestrukog odabira, pritiska i otpuštanja tipki te ostale radnje tipkovnice ili miša na web stranici.

Možete se pozvati na ovo službena referenca klase Akcije za više detalja o API-ju.

Prije skokaping U scenarije, pogledajmo klase i metode koje su nam potrebne za pomicanje klizača za pomak.

Korak 1) Za korištenje API-ja, uvezite sljedeće pakete i klase:

Korak 2) Kreirajte objekt klase „Akcije“ i izgradite niz korisničkih akcija. Klasa Akcije gradi lančane akcije kao što su moveToElement() i dragAndDrop(). Objekt upravljačkog programa se prenosi kao parametar njegovom konstruktoru.

Korak 3) Kreirajte objekt Action pomoću metode build() klase "Actions". Pozovite metodu perform() za izvršavanje svake akcije u redu čekanja na alatu za izradu.

Vidjeli smo kako koristiti neke od korisničkih metoda Action koje pruža API: clickAndHold(element), moveByOffset(10, 0) i release(). API nudi još mnogo više.

Implementacija opisa alata u odnosu na Selenium Pristup verifikaciji

Kako provjeriti (rukovati) Tooltip u Selenium

Prođimo kroz pristup i provjeru opisa alata u dva uobičajena scenarija:

• Scenarij 1: Opis alata implementiran je pomoću atributa "title".
• Scenarij 2: Opis alata implementiran je pomoću jQuery dodatka.

Scenarij 1: HTML atribut "title"

U ovom slučaju koristimo primjer web-mjesta https://demo.guru99.com/test/social-icon.html i provjerite opis ikone "github" u gornjem desnom kutu stranice.

Prvo lociramo element, zatim čitamo njegov atribut "title" i uspoređujemo ga s očekivanim tekstom opisa.

Budući da se opis alata nalazi u atributu "title", ne automatiziramo čak ni zadržavanje miša iznad njega; jednostavno dohvaćamo vrijednost atributa metodom getAttribute().

Evo koda:

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.*;

public class ToolTip {
    public static void main(String[] args) {

        String baseUrl = "https://demo.guru99.com/test/social-icon.html";
        System.setProperty("webdriver.chrome.driver", "G:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();
        driver.get(baseUrl);
        String expectedTooltip = "Github";

        // Find the Github icon at the top right of the header
        WebElement github = driver.findElement(By.xpath(".//*[@class='soc-ico show-round']/a[4]"));

        // Read the "title" attribute value of the Github icon
        String actualTooltip = github.getAttribute("title");

        // Assert that the tooltip value matches the expected one
        System.out.println("Actual Title of Tool Tip " + actualTooltip);
        if (actualTooltip.equals(expectedTooltip)) {
            System.out.println("Test Case Passed");
        }
        driver.close();
    }
}

Objašnjenje koda:

1. Pronađite WebElement koji predstavlja ikonu "github".
2. Pročitajte njegov atribut "title" metodom getAttribute().
3. Potvrdite vrijednost u odnosu na očekivani tekst opisa.

Selenium 4 savjet: preferiraju getDomAttribute("title") za doslovni HTML atribut i neka Selenium Upravitelj rješava upravljački program umjesto tvrdog kodiranja chromedriver.exe.

Scenarij 2: jQuery dodatak

Mnogi jQuery dodaci implementiraju opise alata, a svaki se prikazuje malo drugačije.

Neki dodaci (plugins) uvijek drže oznaku opisa pored elementa okidača, dok drugi dinamički stvaraju oznaku "div" kada kursor uđe u okidač.

Za ovu demonstraciju koristimo stil „jQuery Tools Tooltip“.

Otvoren https://demo.guru99.com/test/tooltip.htmlZadržavanjem pokazivača iznad "Preuzmi odmah" otkriva se napredni opis sa slikom, pozadinom oblačića, malom tablicom i vezom na koju se može kliknuti.

Ako pregledate izvorni kod, div koji predstavlja opis alata već se nalazi pored poveznice "Preuzmi odmah". Oznaka skripte ispod kontrolira kada se pojavljuje.

Sada provjeravamo tekst poveznice prikazan unutar tooltip-a.

Prvo pronađite WebElement za "Preuzmi odmah". Pomoću Interactions API-ja pomaknite se na element (zadržite pokazivač miša iznad). Zatim pronađite WebElement koji se mapira na vezu unutar prikazanog tooltip-a i provjerite njegov tekst u odnosu na očekivanu vrijednost.

Evo koda:

import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.*;

public class JqueryToolTip {
    public static void main(String[] args) {

        String baseUrl = "https://demo.guru99.com/test/tooltip.html";
        System.setProperty("webdriver.chrome.driver", "G:\\chromedriver.exe");

        WebDriver driver = new ChromeDriver();
        String expectedTooltip = "What's new in 3.2";
        driver.get(baseUrl);

        WebElement download = driver.findElement(By.xpath(".//*[@id='download_now']"));
        Actions builder = new Actions(driver);

        // Hover over the "Download now" link to reveal the tooltip
        builder.moveToElement(download).build().perform();

        WebElement toolTipElement = driver.findElement(By.xpath(".//*[@class='box']/div/a"));
        String actualTooltip = toolTipElement.getText();

        System.out.println("Actual Title of Tool Tip " + actualTooltip);
        if (actualTooltip.equals(expectedTooltip)) {
            System.out.println("Test Case Passed");
        }
        driver.close();
    }
}

Code Objašnjenje:

1. Pronađite WebElement koji se preslikava na element "Preuzmi odmah" iznad kojeg ćete zadržati pokazivač miša.
2. Pomoću Interactions API-ja zadržite kursor iznad opcije "Preuzmi sada".
3. Nakon što se tooltip vidi, pronađite WebElement koji predstavlja poveznicu unutar tooltip-a (oznaka "a").
4. Pročitajte tekst opisa pomoću getText() i usporedite je s očekivanom vrijednošću pohranjenom u expectedTooltip.

Pitanja i odgovori