how locate elements chrome
Aquest és el tutorial número 7 de la nostra sèrie de formació en línia de Selenium. Si voleu consultar tots els tutorials de Selenium d’aquesta sèrie, comproveu aquesta pàgina .
En el tutorial anterior, vam intentar donar llum a diversos tipus de localitzadors de Selenium i els seus mecanismes de localització per construir scripts de prova. El tutorial va consistir principalment en la breu introducció de diferents tipus de localitzadors com Identificació, classes, Xpaths, textos d'enllaços , Selectors CSS etc. i la seva identificació.
Continuant amb el nostre proper tutorial, aprofitarem per presentar-vos una extensió d’estratègies de localització. Així, a la següent tutorial, estudiaríem el mecanisme per localitzar elements web a Google Chrome i Internet Explorer.
Com que tots som conscients del fet que hi ha un creixement ràpid a la base d’usuaris d’Internet, les parts interessades i els programadors estan creant aplicacions web que probablement funcionin a la majoria dels navegadors.
Per tant, imagineu-vos una situació en què la vostra aplicació web no admet Firefox, però funciona bé per a Chrome i Internet Explorer.
Ara, com automatitzareu aquesta aplicació amb Selenium? O, per concretar, com localitzareu elements web a Chrome i Internet Explorer. Per tant, la resposta queda per davant en aquest tutorial.
Preguntes i respostes de l’entrevista c ++
Què aprendreu:
Localització d’elements web a Google Chrome
Comencem per entendre les estratègies de localització a Google Chrome.
Igual que Firebug a Firefox, Google Chrome té el seu eina de desenvolupador pròpia que es pot utilitzar per identificar i localitzar elements web a la pàgina web. A diferència de firebug, un usuari no està obligat a descarregar ni instal·lar cap complement independent; l'eina per a desenvolupadors inclou fàcilment Google Chrome.
Seguiu els passos següents per localitzar elements web mitjançant l'eina per a desenvolupadors de Chrome:
Pas 1: El pas principal és iniciar l'eina per a desenvolupadors de Google Chrome. Premeu F12 per iniciar l'eina. L'usuari podria veure alguna cosa com la següent pantalla.
Tingueu en compte que la pestanya 'Element' està ressaltada a la captura de pantalla anterior. Per tant, la pestanya d'element és la que mostra totes les propietats HTML pertanyents a la pàgina web actual. Aneu a la pestanya 'Element' si no s'obre per defecte al llançament.
També podeu iniciar l'eina per a desenvolupadors fent clic amb el botó dret a qualsevol lloc de la pàgina web i seleccionant 'Inspecciona l'element', que és molt similar a la inspecció de firebug.
Pas 2: El següent pas és localitzar l'objecte desitjat a la pàgina web. Una manera de fer el mateix és fer clic dret a l'element web desitjat i inspeccionar. La propietat HTML pertanyent a aquest element web es ressaltaria a l'eina per a desenvolupadors. Una altra manera és passar el cursor per les propietats HTML i es ressaltaria l'element web que coincideix. D'aquesta manera, d'aquesta manera l'usuari pot localitzar identificadors, classes, enllaços, etc.
Creació d'un Xpath a l'eina per a desenvolupadors
Ja hem parlat de Xpaths a l'últim tutorial. També vam discutir la seva estratègia de creació. Aquí basarem la nostra discussió per comprovar la validesa de XPath creat a l'eina per a desenvolupadors de Chrome.
Pas 1: Per crear XPath a l'eina per a desenvolupadors, obriu la pestanya de la consola.
Pas 2: Escriviu el Xpath creat i incloeu-lo a $ x ('// input (@ id = 'Email')')
Pas 3: Premeu la tecla d'inici per veure tots els elements HTML coincidents amb l'Xpath especificat. En el nostre cas, només hi ha un element HTML coincident. Passeu el cursor per sobre d'aquest element HTML i es ressaltarà l'element web corresponent a la pàgina web.
D'aquesta manera, es poden crear i comprovar la validesa de tots els Xpath a la consola.
Podeu trobar informació relacionada amb CSS corresponent a l'element web a l'eina per a desenvolupadors de Chrome. Consulteu la captura de pantalla següent:
Localització d’elements web a Internet Explorer
Com Google Chrome, Internet Explorer també té la seva pròpia eina per a desenvolupadors que es pot utilitzar per identificar elements web en funció de les seves propietats a la pàgina web. L'usuari no està obligat a descarregar ni instal·lar cap complement independent, l'eina per a desenvolupadors es facilita amb Internet Explorer.
Seguiu els passos següents per localitzar elements web mitjançant l'eina per a desenvolupadors IE:
Pas 1: El pas principal és iniciar l'eina per a desenvolupadors IE. Premeu F12 per iniciar l'eina. L'usuari podria veure alguna cosa com la següent pantalla.
Tingueu en compte que la pestanya 'HTML' està ressaltada a la captura de pantalla anterior. Per tant, la pestanya HTML és la que mostra totes les propietats HTML pertanyents a la pàgina web actual. Amplieu la pestanya HTML per veure les propietats de tots els elements web pertanyents a la pàgina web actual.
Pas 2: El següent pas és localitzar l'objecte desitjat a la pàgina web. Una manera d’aconseguir-ho és seleccionar l’element HTML i es ressaltaria l’element web coincident. D'aquesta manera, d'aquesta manera l'usuari pot localitzar identificadors, classes, enllaços, etc. Feu un cop d'ull a la captura de pantalla següent en què es ressaltarà el quadre de text de correu electrònic tan bon punt seleccionem la propietat HTML corresponent.
Una altra manera de localitzar l'element web és fer clic al botó 'Cerca' que apareix al menú superior i fer clic a l'element web desitjat a la pàgina web. Com a resultat, es ressaltarien les propietats HTML corresponents.
Així, mitjançant l’eina per a desenvolupadors, un usuari pot trobar identificadors, classes, noms d’etiquetes i pot crear Xpaths per localitzar elements web.
Igual que l'eina per a desenvolupadors de Chrome, l'eina per a desenvolupadors IE té una secció independent que mostra informació relacionada amb CSS. Consulteu la captura de pantalla següent.
Conclusió
En aquest tutorial, aportem llum sobre les estratègies bàsiques de localització d’elements mitjançant l’eina per a desenvolupadors de Google Chrome i Internet Explorer.
Pròxim tutorial núm. 8 : Continuant amb el nostre següent tutorial, ens complau presentar-vos una eina més avançada anomenada WebDriver. WebDriver és una de les eines de proves d'automatització més convincents. Per tant, en el nostre següent tutorial, encaminarem i basarem els nostres debats al voltant de WebDriver i tot el seu aspecte descarnat.
Lectura recomanada
- Comproveu la visibilitat dels elements web mitjançant diversos tipus d’ordres de WebDriver - Tutorial Selenium núm. 14
- Introducció a Selenium WebDriver - Tutorial Selenium # 8
- Com s'utilitza el selector CSS per identificar elements web per als scripts Selenium - Tutorial Selenium núm. 6
- Escenaris de scripts i resolució de problemes de Selenium eficients: tutorial núm. 27 de Selenium
- Depuració d’escriptures de Selenium amb registres (Tutorial Log4j) - Tutorial Selenium núm. 26
- 30+ millors tutorials sobre seleni: apreneu el seleni amb exemples reals
- Tutorial de Cogombre Selenium: Integració de Cogombre Java Selenium WebDriver
- Ús de la classe Selenium Select per a la manipulació d’elements desplegables en una pàgina web - Tutorial Selenium # 13