selenium locators identify web elements using xpath selenium
Esercitazione sui localizzatori di selenio: scopri come identificare gli elementi web utilizzando XPath in Selenium con esempi
Nel tutorial precedente , ti abbiamo presentato un altro strumento di test di automazione denominato Firebug. Abbiamo anche creato manualmente il nostro script di automazione utilizzando Firebug e le sue capacità. Abbiamo anche imparato ad apporre le modifiche desiderate nel nostro script.
Andando avanti, in questo tutorial, daremo un'occhiata al file vari tipi di localizzatori in Selenium e la loro tecnica di accessibilità per costruire script di test . Pertanto, questo tutorial comprende un'introduzione dettagliata a vari tipi di localizzatori.
Questo è nostro 5 ° tutorial in Selenium Tutorial serie.
Cos'è il localizzatore?
Il localizzatore può essere definito come un indirizzo che identifica un elemento web in modo univoco all'interno della pagina web. I localizzatori sono le proprietà HTML di un elemento web che comunica al Selenium l'elemento web su cui ha bisogno per eseguire l'azione.
Esiste una vasta gamma di elementi web. I più comuni tra loro sono:
- Casella di testo
- Pulsante
- Cadere in picchiata
- Collegamento ipertestuale
- Casella di controllo
- Pulsante radio
Cosa imparerai:
- Tipi di localizzatori
- Utilizzo dell'ID come localizzatore
- Utilizzo di ClassName come localizzatore
- Utilizzo del nome come localizzatore
- Utilizzo del testo del collegamento come localizzatore
- Utilizzo di XPath come localizzatore
- Conclusione
- Lettura consigliata
Tipi di localizzatori
Identificare questi elementi è sempre stato un argomento molto delicato e quindi richiede un approccio accurato ed efficace. In tal modo, possiamo affermare che più efficace è il localizzatore, più stabile sarà lo script di automazione. Essenzialmente ogni comando Selenium richiede localizzatori per trovare gli elementi web. Pertanto, per identificare questi elementi web in modo accurato e preciso abbiamo diversi tipi di localizzatori.
Ora capiamo ulteriormente esercitando ciascuno di essi in modo indipendente.
Prima di iniziare con i localizzatori, lasciami un momento per presentare l'applicazione in prova. Utilizzeremmo 'https://accounts.google.com/' per individuare diversi tipi di elementi web utilizzando diversi tipi di localizzatore.
Utilizzo dell'ID come localizzatore
Il metodo migliore e più popolare per identificare l'elemento web è usare l'ID. Si presume che l'ID di ogni elemento sia unico.
In questo esempio, avremmo accesso alla casella di testo 'Email' presente nel modulo di accesso su gmail.com.
Trovare un ID di un elemento web utilizzando Firebug
qa condurre domande e risposte all'intervista
Passo 1 : Avvia il browser web (Firefox) e vai a 'https://accounts.google.com/'.
Passo 2 : Apri firebug (premendo F12 o tramite strumenti).
Passaggio 3 : Fare clic sull'icona di ispezione per identificare l'elemento web.
Passaggio 4 : Passa con il mouse sull'elemento web (casella di testo Email nel nostro caso) su cui desideriamo eseguire alcune azioni. Nella sezione firebug, si possono vedere i tag HTML corrispondenti evidenziati.
Passaggio 5 : Essere consapevoli dell'attributo ID e prenderne nota. Ora dobbiamo verificare se l'ID identificato è in grado di trovare l'elemento in modo univoco e impeccabile.
Sintassi : id = id dell'elemento
Nel nostro caso, l'id è 'Email'.
Approccio alternativo:
Invece di seguire i passaggi da 2 a 4, possiamo individuare / ispezionare direttamente l'elemento web facendo clic con il pulsante destro del mouse sull'elemento web (casella di testo e-mail) di cui dobbiamo controllare il valore del localizzatore e facendo clic sull'opzione 'Ispeziona elemento con Firebug'. Pertanto, questo evento di clic attiva l'espansione della sezione Firebug e il tag HTML corrispondente verrà evidenziato.
Verifica il valore del localizzatore
Supponendo che il browser sia aperto e venga reindirizzato a 'https://accounts.google.com/'.
Passo 1 : Avvia Selenium IDE.
Passo 2 : Fare clic sulla prima riga nella sezione dell'editor.
Passaggio 3 : Digita 'id = Email', ovvero il valore del localizzatore nella casella di destinazione.
Passaggio 4 : Fare clic sul pulsante Trova. Se il valore del localizzatore fornito è legittimo, la casella di testo dell'email verrà evidenziata con un colore giallo con un bordo verde fluorescente attorno al campo. Se il valore del localizzatore fornito non è corretto, verrà stampato un messaggio di errore nel riquadro del registro nella parte inferiore di Selenium IDE.
Caso 1 - Valore localizzatore = corretto
Caso 2 - Valore del localizzatore = errato
Passaggio 5 : Per effettuare ulteriori verifiche, un utente può anche eseguire il comando 'type' sul target specificato fornendo un valore nel campo 'Value'. Se l'esecuzione del comando immette il valore specificato nella casella di testo Email, significa che il tipo di localizzatore identificato è corretto e accessibile.
Utilizzo di ClassName come localizzatore
C'è solo una sottile differenza tra l'utilizzo dell'ID come localizzatore e l'utilizzo del nome della classe come localizzatore.
In questo esempio, avremmo accesso a 'Hai bisogno di aiuto?' collegamento ipertestuale presente in fondo al form di login su gmail.com.
Trovare un nome di classe di un elemento web utilizzando Firebug
Passo 1 : Individua / ispeziona l'elemento web (link 'Hai bisogno di aiuto?' Nel nostro caso) facendo clic con il pulsante destro del mouse sull'elemento web di cui dobbiamo ispezionare il valore del localizzatore e facendo clic sull'opzione 'Ispeziona elemento con Firebug'.
Passo 2 : Essere consapevoli dell'attributo del nome della classe e prenderne nota. Ora dobbiamo verificare se il nome della classe identificato è in grado di trovare l'elemento in modo univoco e accurato.
VPN Giappone gratis
Sintassi: class = classname dell'elemento
Nel nostro caso, il nome della classe è 'need-help-reverse'
Verifica il valore del localizzatore
Passo 1 : Digita 'class = need-help-reverse' nella casella di destinazione nell'IDE Selenium.
Passo 2 : Fare clic sul pulsante Trova. Si noti che il collegamento ipertestuale verrà evidenziato con il colore giallo con un bordo verde fluorescente attorno al campo.
(Clicca per vedere l'immagine ingrandita)
Utilizzo del nome come localizzatore
L'individuazione di un elemento web utilizzando il nome è molto simile ai due tipi di localizzatore precedenti. L'unica differenza sta nella sintassi.
In questo esempio, dovremmo accedere alla casella di testo 'Password' presente nel modulo di accesso su gmail.com.
Sintassi: nome = nome dell'elemento
Nel nostro caso, il nome è 'Passwd'.
Verifica il valore del localizzatore
Passo 1 : Digita 'name = Passwd' nella casella di destinazione e fai clic sul pulsante Trova. Notare che la casella di testo 'Password' sarebbe evidenziata.
Utilizzo del testo del collegamento come localizzatore
Tutti i collegamenti ipertestuali su una pagina Web possono essere identificati utilizzando Testo collegamento. I collegamenti su una pagina web possono essere determinati con l'aiuto del tag di ancoraggio ( ). L'anchor tag viene utilizzato per creare i collegamenti ipertestuali su una pagina web e il testo tra l'apertura e la chiusura degli anchor tag costituisce il testo del collegamento ( Un po 'di testo ).
In questo esempio, avremmo accesso al collegamento 'Crea un account' presente nella parte inferiore del modulo di accesso su gmail.com.
Trovare un testo di collegamento di un elemento web utilizzando Firebug
Passo 1 : Individua / ispeziona l'elemento web (link 'Crea un account' nel nostro caso) facendo clic con il pulsante destro del mouse sull'elemento web il cui valore di localizzazione dobbiamo ispezionare e facendo clic sull'opzione 'Ispeziona elemento con Firebug'.
Passo 2 : Sii consapevole del testo presente all'interno del tag e prenderne nota. Quindi questo testo verrà utilizzato per identificare univocamente il collegamento su una pagina web.
(Clicca per vedere l'immagine ingrandita)
Sintassi: link = link testo dell'elemento
Nel nostro caso, il testo del collegamento è 'Crea un account'.
Verifica il valore del localizzatore
Passo 1 : Digita 'link = Crea un account', ovvero il valore del localizzatore nella casella di destinazione in Selenium IDE.
Passo 2 : Fare clic sul pulsante Trova. Notare che il collegamento sarebbe evidenziato con un colore giallo con un bordo verde fluorescente attorno al campo.
Utilizzo di XPath come localizzatore
Xpath viene utilizzato per individuare un elemento web in base al suo percorso XML. XML è l'acronimo di Extensible Markup Language e viene utilizzato per archiviare, organizzare e trasportare dati arbitrari. Memorizza i dati in una coppia chiave-valore molto simile ai tag HTML. Essendo entrambi i linguaggi di markup e poiché rientrano nello stesso ombrello, xpath può essere utilizzato per individuare elementi HTML.
Il fondamento dietro l'individuazione di elementi utilizzando Xpath è l'attraversamento tra vari elementi nell'intera pagina e quindi consentire a un utente di trovare un elemento con il riferimento di un altro elemento.
Xpath può essere creato in due modi:
Xpath relativo
Xpath relativo inizia dalla posizione corrente ed è preceduto da un '//'.
Ad esempio: // span (@ class = ’Email’)
Xpath assoluto
Absolute Xpath inizia con un percorso radice ed è preceduto da una '/'.
Ad esempio: / HTML / body / div / div (@ id = ’Email’)
Punti chiave:
- La percentuale di successo nel trovare un elemento utilizzando Xpath è troppo alta. Insieme alla dichiarazione precedente, Xpath può trovare relativamente tutti gli elementi su una pagina web. Pertanto, Xpaths può essere utilizzato per individuare elementi privi di ID, classe o nome.
- La creazione di un Xpath valido è un processo complicato e complicato. Sono disponibili plug-in per generare Xpath, ma la maggior parte delle volte gli Xpath generati non riescono a identificare correttamente l'elemento web.
- Durante la creazione di xpath, l'utente dovrebbe essere consapevole delle varie nomenclature e protocolli.
Esempi di selenio XPath:
Xpath Checker
La creazione di Xpath diventa un po 'più semplice utilizzando Xpath Checker. Xpath Checker è un componente aggiuntivo di Firefox per generare automaticamente Xpath per un elemento web. L'add-on può essere scaricato e installato come qualsiasi altro plug-in. Il plug-in può essere scaricato da 'https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/'.
Non appena il plug-in è installato, può essere visualizzato nel menu contestuale facendo clic con il pulsante destro del mouse su qualsiasi elemento di cui si desidera generare xpath.
Fare clic su 'Visualizza Xpath' per vedere l'espressione Xpath dell'elemento. Apparirà una finestra dell'editor con l'espressione Xpath generata. Ora l'utente ha la libertà di modificare e modificare l'espressione Xpath generata. I risultati corrispondenti verranno aggiornati cumulativamente.
Notare che XPath Checker è disponibile anche per altri browser.
Ma ribadendo il fatto che la maggior parte delle volte gli Xpaths generati non riescono a identificare correttamente l'elemento web. Pertanto, si consiglia di creare il nostro Xpath seguendo le regole e i protocolli predefiniti.
In questo esempio, avremmo accesso all'immagine 'Google' presente nella parte superiore del modulo di accesso su gmail.com.
Creazione di un Xpath di un elemento web
Passo 1 : Digita '// img (@ class =’ logo ’)', ovvero il valore del localizzatore nella casella di destinazione all'interno dell'IDE Selenium.
Sintassi: Xpath dell'elemento
Passo 2 : Fare clic sul pulsante Trova. Notare che l'immagine sarebbe evidenziata con un colore giallo con un bordo verde fluorescente attorno al campo.
implementazione dello stack in c ++ utilizzando array
Conclusione
Ecco i punti cruciali di questo articolo.
- I localizzatori sono le proprietà HTML di un elemento web che comunica al Selenium l'elemento web su cui deve eseguire azioni.
- Esiste un'ampia gamma di elementi web con cui un utente potrebbe dover interagire regolarmente. Alcuni di loro sono: casella di testo, pulsante, menu a discesa, collegamento ipertestuale, casella di controllo e pulsante di opzione.
- Con la vasta gamma di elementi web arriva una vasta provincia di strategie / approcci per individuare questi elementi web.
- Alcuni dei tipi di localizzatori ampiamente utilizzati sono ID, ClassName, Link Text, XPath, CSS Selectors e Name.
Nota: a causa del fatto che la creazione di CSS Selector e XPath richiede molti sforzi e pratica, il processo viene quindi esercitato solo da utenti più sofisticati e formati.
In questo tutorial, abbiamo imparato diversi tipi di localizzatori, incluso Selenium Xpath.
Prossimo tutorial n.6 : In continuazione con questo tutorial sui tipi di selenio locator impareremo come usare Selettore CSS come localizzatore.
Qualche domanda? Diccelo nei commenti. Cercheremo di risolvere tutto.
Lettura consigliata
- Selenio Trova elemento per tutorial di testo con esempi
- 30+ Migliori tutorial sul selenio: impara il selenio con esempi reali
- Come individuare gli elementi nei browser Chrome e IE per la creazione di script di selenio - Tutorial sul selenio n. 7
- Gestione di tabelle Web, frame ed elementi dinamici in Selenium Script - Selenium Tutorial # 18
- Uso del selenio Seleziona la classe per gestire gli elementi a discesa su una pagina Web - Esercitazione sul selenio # 13
- Esercitazione sul selenio di cetriolo: integrazione con WebDriver di selenio Java di cetriolo
- Come utilizzare il selettore CSS per identificare gli elementi Web per gli script di selenio - Esercitazione sul selenio n. 6
- Controlla la visibilità degli elementi Web utilizzando vari tipi di comandi WebDriver - Selenium Tutorial # 14