Come usare i localizzatori in selenio
Cosa sono i localizzatori di selenio?
In selenio, un localizzatore viene utilizzato per identificare in modo univoco ogni elemento Web su una pagina web, proprio come un indirizzo. In altre parole, è un metodo per utilizzare diverse tecniche di identificazione per riconoscere un oggetto su una pagina web in un modo specifico. Identificare accuratamente l'elemento o l'elemento sulla pagina web è l'obiettivo fondamentale di impiegare i localizzatori di elementi.
Gli elementi su una pagina Web possono essere interagiti con l'utilizzo dei localizzatori di elementi nel webdriver Selenium. L'azione può essere eseguita sul componente una volta riconosciuto. Gli elementi Web sono tutti gli elementi presenti in una pagina Web e possono essere individuati utilizzando qualsiasi forma di localizzazione.
Tipi di localizzatori in selenio
Esistono diversi tipi di localizzatori che vengono utilizzati per scopi diversi. In Selenio, utilizziamo la classe "per" per accedere ai localizzatori. Selenio supporta otto localizzatori per identificare gli elementi tra cui ClassName, ID, CSSSelector, LinkText, ParticolLinkText, Nome, TagName e XPath.
Strategie del localizzatore con esempi
In questo tutorial, copriremo gli otto tipi di localizzazione di base. Cominciamo!
Considera, per illustrazione, una pagina dell'account utente di accesso che si trova su https: // www.saucememo.com/.
Un modulo di accesso con due campi di input, "nome utente" e "password" e un campo di un pulsante sono mostrati nella figura precedente.
Ora impareremo a passare i vari localizzatori per identificare la casella di input "Nome utente" sulla pagina web.
Passaggio 1: individuare per ID
Gli ID sono il metodo più utilizzato per identificare l'elemento specifico. È un riferimento speciale che il programmatore stabilisce durante la scrittura del codice per un oggetto Web. Sebbene sia l'ideale che l'ID non appaia più di una volta su una pagina, i browser forniscono eccezioni a questa regola. Senza una domanda, l'ID è il localizzatore più efficace in selenio.
Per trovare l'ID sulla pagina Web, vai sul sito e ispeziona il "nome utente". Otterrai il campo come mostrato nella figura seguente:
Qui, puoi trovare la seguente sintassi:
id = "id dell'elemento"
Esempio:
Quello che segue è un codice di esempio per la tua comprensione:
autista.FindElement (di.Id ("User-Name")).SendKeys ("TestingById");
Produzione:
Nella figura precedente, l'output mostra che il metodo SendKeys () passa il "TestingById" al nome utente utilizzando il localizzatore di nomi di classe usando il localizzatore ID, tramite.id().
Passaggio 2: individuare per nome
Lo strumento ideale per controllare un modulo di accesso è un localizzatore di nomi di campo perché i nomi sono univoci principalmente ma non sempre. Ecco perché è meglio utilizzare i localizzatori con uno schema diverso quando ci sono vari tipi di accesso nella stessa pagina.
È simile all'ID Trova dell'elemento, sostituendo solo l'ID per nome come Name = "". Per trovare il nome sulla pagina web, applica lo stesso metodo descritto nel passaggio 1.
La sintassi è scritta di seguito:
nome = "nome dell'elemento"
Ecco un esempio di codifica per il tuo riferimento:
autista.FindElement (di.nome ("nome utente")).SendKeys ("TestingByName");
Produzione:
Può essere visto dalla seguente figura che mostra che il metodo SendKeys () passa il "TestingByName" al nome utente utilizzando il localizzatore del nome, da.nome().
Passaggio 3: individuare per classe
Il nome della classe di un elemento si trova utilizzando il localizzatore ClassName. L'elemento iniziale su una pagina Web è raggiunto dal localizzatore di classe utilizzando una proprietà di classe specificata.
Utilizzare la procedura che è stata delineata nel passaggio 1 per individuare il nome sul sito Web.
Sintassi:
class = "classe dell'elemento"
Esempio:
autista.FindElement (di.className ("Form_Input")).SendKeys ("TestingByclass");
Produzione:
Mostra che il metodo SendKeys () passa la "Class TestingBy" al nome utente usando il localizzatore di classe, da.nome della classe().
Passaggio 4: localizzazione di XPath
XPath viene utilizzato quando l'elemento è senza una proprietà di classe, nome o ID a cui è possibile accedervi. I localizzatori XPath aiutano a trovare l'elemento nella pagina Web. I localizzatori, usando XPath, sono solidi e affidabili. È una tecnica che utilizza un'espressione XPath per garantire la posizione di qualsiasi elemento nella pagina.
Per trovare XPath, fai clic con il tasto destro> Ispeziona> Vai a codice> Fare clic con il tasto destro sul codice> Seleziona Opzione Copia> Copia XPath. Copia l'XPath per te.
Sintassi:
name = "xpath dell'elemento"
Esempio:
autista.FindElement (di.xpath ("//*[@id =" utente name "]").SendKeys ("TestingByxPath");
Produzione:
L'output mostra che il metodo SendKeys () passa il "TestingByXpth" al nome utente usando il localizzatore XPath, da.xpath ().
Passaggio 5: localizzazione di Linktext
Il localizzatore LinkText viene utilizzato quando dobbiamo agire con il testo ipertestuale. Potremmo accedere al link aggiungendo "link =" prima del nostro link mirato.
Per trovare LinkText sulla pagina Web, vai sul sito e ispeziona il "nome utente". Otterrai il campo come mostrato nella figura seguente:
Sintassi:
link = "link_text"
Esempio:
autista.get ("https: // www.selenio.dev/documentation/webdriver/elementi/localizzatori/");
autista.FindElement (di.linkText ("Ghind Initing")).clic();
Ottiamo l'URL e selezioniamo il collegamento di ancoraggio per fare clic su automaticamente sul sottomenu "Ghorm Avvia" utilizzando il metodo Click ().
Produzione:
La figura seguente mostra l'output del metodo Click () che apre automaticamente l'URL "Inizio" utilizzando il localizzatore LinkText,.linktext ().
Passaggio 6: localizzazione tramite testo di collegamento parziale
Questo passaggio è lo stesso del passaggio 5. Qui, non abbiamo bisogno di scrivere l'intero testo interno per aprire l'URL, ma possiamo accedere al link con il testo parziale.
Sintassi:
link = "partial_link_text"
Esempio:
Qui, osserviamo che lo stesso codice viene utilizzato come LinkText, ma diamo un titolo parziale del collegamento di ancoraggio per caricare la pagina.
autista.get ("https: // www.selenio.dev/documentation/webdriver/elementi/localizzatori/");
autista.FindElement (di.partialLinkText ("get").clic();
Passaggio 7: localizzazione di CSSSelector
Per identificare l'elemento sulla pagina Web, utilizzare il localizzatore CSSSelector.
Per trovare il nome nella pagina Web, applica lo stesso metodo descritto nel passaggio 5.
Sintassi:
class = "classe dell'elemento"
Esempio:
autista.FindElement (di.CSSSelector ("Form_Input")).SendKeys ("TestingByclass");
Produzione:
L'output mostra che il metodo SendKeys () passa la "Class TestingByclass" al nome utente usando il localizzatore di classe, da.nome della classe().
Passaggio 8: individuare per tagname
Ecco div, input, p. In questo tutorial, utilizziamo il tag per identificare l'elemento.
Sintassi:
tag = "nome tag"
Esempio:
autista.FindElement (di.tagname ("input")).SendKeys ("TestingByTagBame");
Produzione:
Possiamo osservare dalla seguente figura che il metodo SendKeys () passa il "TestingBybame" al nome utente usando il localizzatore di input, tramite.tagname ().
Conclusione
Questo articolo guida l'uso dei localizzatori nel framework Selenium per identificare gli elementi di una pagina Web attraverso uno strumento di controllo automatico. Per questo, abbiamo installato Java JDK ed Eclipse insieme alle librerie di Jar di Selenium per "Automatizzare il software di strumento di controllo" nel sistema. Usando la lingua Java, scriviamo il codice per impostare il driver del browser. Quindi, applichiamo le strategie degli otto localizzatori utilizzando le librerie Selenium come classe, nome, ID, tag, testo di collegamento e testo di collegamento parziale. Abbiamo imparato come sapere se un tag/elemento non ha un nome, un id o una classe; come possiamo identificare quell'elemento; e come fare clic e digitare automaticamente il testo.