En aquest tema, explorarem els conceptes bàsics dels localitzadors en Selenium, que són fonamentals per interactuar amb els elements d'una pàgina web. Els localitzadors són utilitzats per identificar i trobar elements web dins del DOM (Document Object Model) per tal de poder realitzar accions sobre ells, com ara fer clic, escriure text, etc.

1. Què és un Localitzador?

   • Un localitzador és una expressió o mètode que permet identificar un element web dins d'una pàgina.
   • Els localitzadors són essencials per a l'automatització de proves, ja que permeten a Selenium interactuar amb els elements de la pàgina.

2. Tipus de Localitzadors en Selenium

   • Selenium proporciona diversos tipus de localitzadors per identificar elements web:
     • ID: Localitza un element pel seu atribut id.
     • Nom: Localitza un element pel seu atribut name.
     • Class Name: Localitza elements pel seu atribut class.
     • Tag Name: Localitza elements pel seu nom de tag HTML.
     • Link Text: Localitza enllaços pel text visible.
     • Partial Link Text: Localitza enllaços per una part del text visible.
     • XPath: Utilitza expressions XPath per localitzar elements.
     • CSS Selectors: Utilitza selectores CSS per identificar elements.

• Explicació: Aquest codi localitza un element amb l'atribut id igual a "username" i escriu "usuari_exemple" en aquest camp.

• Explicació: Aquí, l'element es localitza pel seu atribut name igual a "password" i s'introdueix "contrasenya_secreta".

• Explicació: Aquest exemple utilitza una expressió XPath per localitzar un botó d'enviament i fer-hi clic.

• Explicació: Utilitza un selector CSS per trobar un botó amb la classe "submit" i fer-hi clic.

• Objectiu: Escriu un script que localitzi un camp de text pel seu id i introdueixi un text.
• Pista: Utilitza driver.findElement(By.id("id_del_camp")).

• Objectiu: Escriu un script que localitzi un botó d'enviament utilitzant XPath i faci clic sobre ell.
• Pista: Prova amb driver.findElement(By.xpath("//button[@type='submit']")).

Solució Exercici 1

Solució Exercici 2

• Error Comú: No trobar un element perquè l'atribut id o name ha canviat.

  • Consell: Assegura't que els atributs no canviïn dinàmicament o utilitza localitzadors més robustos com XPath o CSS Selectors.

• Error Comú: Utilitzar un XPath o CSS Selector incorrecte.

  • Consell: Verifica les expressions XPath o CSS Selectors amb eines de desenvolupament del navegador.

Els localitzadors són una part fonamental de l'automatització de proves amb Selenium. Comprendre com utilitzar diferents tipus de localitzadors et permetrà interactuar de manera efectiva amb els elements web i crear scripts de prova robustos. En el següent tema, aprofundirem en l'ús de localitzadors ID i Nom per a una identificació més precisa dels elements.