XPath dans Selenium: Comment trouver et écrire ? (Texte, Contient, ET)

XPath absolu

C'est le moyen direct de trouver l'élément, mais l'inconvénient du XPath absolu est que si des modifications sont apportées au chemin de l'élément, ce XPath échoue.

La principale caractéristique de XPath est qu'il commence par une seule barre oblique (/), ce qui signifie que vous pouvez sélectionner l'élément à partir du nœud racine.

Vous trouverez ci-dessous l'exemple d'une expression XPath absolue de l'élément affiché dans l'écran ci-dessous.

REMARQUE : Vous pouvez pratiquer l'exercice XPath suivant sur ce http://demo.guru99.com/test/selenium-xpath.html

Cliquez ici si la vidéo n'est pas accessible

XPath absolu :

/html/body/div[2]/div[1]/div/h4[1]/b/html[1]/body[1]/div[2]/div[1]/div[1]/h4[1]/b[1]

Xpath relatif

Xpath relatif commence au milieu de la structure HTML DOM. Il commence par une double barre oblique (//). Il peut rechercher des éléments n'importe où sur la page Web, ce qui signifie qu'il n'est pas nécessaire d'écrire un long XPath et que vous pouvez commencer au milieu de la structure HTML DOM. Le Xpath relatif est toujours préféré car il ne s’agit pas d’un chemin complet à partir de l’élément racine.

Vous trouverez ci-dessous l'exemple d'une expression XPath relative du même élément affiché dans l'écran ci-dessous. Il s'agit du format commun utilisé pour rechercher un élément par XPath.

Cliquez ici si la vidéo n'est pas accessible

Relative XPath: //div[@class='featured-box cloumnsize1']//h4[1]//b[1]

Que sont les axes XPath.

Les axes XPath recherchent différents nœuds dans le document XML à partir du nœud de contexte actuel. Les axes XPath sont les méthodes utilisées pour rechercher des éléments dynamiques, ce qui autrement serait impossible par la méthode XPath normale n'ayant pas d'ID, de nom de classe, de nom, etc.

Les méthodes Axes sont utilisées pour rechercher les éléments qui changent dynamiquement lors de l'actualisation ou de toute autre opération. Il existe peu de méthodes d'axes couramment utilisées dans Selenium Pilote Web comme enfant, parent, ancêtre, frère ou sœur, précédent, soi, etc.

Comment écrire du XPath dynamique dans Selenium pilote web

1) XPath de base

L'expression XPath sélectionne les nœuds ou la liste de nœuds sur la base d'attributs tels que ID, nom, nom de classe, etc. à partir du document XML comme illustré ci-dessous.

Xpath=//input[@name='uid']

Voici un lien pour accéder à la page http://demo.guru99.com/test/selenium-xpath.html

Quelques expressions XPath plus basiques :

Xpath=//input[@type='text']
Xpath=//label[@id='message23']
Xpath=//input[@value='RESET']
Xpath=//*[@class='barone']
Xpath=//a[@href='http://demo.guru99.com/']
Xpath=//img[@src='//guru99.com/images/home/java.png']

2) Contient()

Contains() est une méthode utilisée dans l'expression XPath. Il est utilisé lorsque la valeur d'un attribut change de manière dynamique, par exemple les informations de connexion.

La fonctionnalité Contenir a la capacité de trouver l'élément avec un texte partiel, comme indiqué dans l'exemple XPath ci-dessous.

Dans cet exemple, nous avons essayé d'identifier l'élément en utilisant simplement la valeur textuelle partielle de l'attribut. Dans l'expression XPath ci-dessous, la valeur partielle « sub » est utilisée à la place du bouton de soumission. On peut constater que l'élément est trouvé avec succès.

La valeur complète de « Type » est « soumettre », mais en utilisant uniquement la valeur partielle « sous ».

Xpath=//*[contains(@type,'sub')]

La valeur complète de « nom » est « btnLogin », mais en utilisant uniquement la valeur partielle « btn ».

Xpath=//*[contains(@name,'btn')]

Dans l'expression ci-dessus, nous avons pris le « nom » comme attribut et « btn » comme valeur partielle, comme indiqué dans la capture d'écran ci-dessous. Cela trouvera 2 éléments (LOGIN & RESET) car leur attribut 'name' commence par 'btn'.

De même, dans l'expression ci-dessous, nous avons pris « id » comme attribut et « message » comme valeur partielle. Cela trouvera 2 éléments (« L'ID utilisateur ne doit pas être vide » et « Le mot de passe ne doit pas être vide ») car son attribut « id » commence par « message ».

Xpath=//*[contains(@id,'message')]

Dans l'expression ci-dessous, nous avons pris le « texte » du lien comme attribut et « ici » comme valeur partielle, comme indiqué dans la capture d'écran ci-dessous. Cela trouvera le lien (« ici ») car il affichera le texte « ici ».

Xpath=//*[contains(text(),'here')]
Xpath=//*[contains(@href,'guru99.com')]

3) Utiliser OU & ​​ET

Dans l'expression OR, deux conditions sont utilisées, que la 1ère condition OU la 2ème condition soit vraie. Cela s’applique également si une condition est vraie ou peut-être les deux. Signifie que n’importe quelle condition doit être vraie pour trouver l’élément.

Dans l'expression XPath ci-dessous, il identifie les éléments dont une ou les deux conditions sont vraies.

Xpath=//*[@type='submit' or @name='btnReset']

Mise en évidence des deux éléments en tant qu'élément « LOGIN » ayant l'attribut « type » et élément « RESET » ayant l'attribut « nom ».

Dans l'expression AND, deux conditions sont utilisées, les deux conditions doivent être vraies pour trouver l'élément. Il ne parvient pas à trouver un élément si une condition est fausse.

Xpath=//input[@type='submit' and @name='btnLogin']

Dans l'expression ci-dessous, mettez en surbrillance l'élément « LOGIN » car il possède à la fois les attributs « type » et « nom ».

4) XPath commence par

XPath commence par() est une fonction utilisée pour rechercher l'élément Web dont la valeur d'attribut est modifiée lors de l'actualisation ou par d'autres opérations dynamiques sur la page Web. Dans cette méthode, le texte de départ de l'attribut est mis en correspondance pour trouver l'élément dont la valeur d'attribut change dynamiquement. Vous pouvez également rechercher des éléments dont la valeur d'attribut est statique (et non modifiée).

Par exemple - : Supposons que l'ID d'un élément particulier change dynamiquement comme :

Id=”message12″

Id=”message345″

Id=”message8769″

et ainsi de suite... mais le texte initial est le même. Dans ce cas, nous utilisons l'expression Start-with.

Dans l'expression ci-dessous, il y a deux éléments avec un identifiant commençant par « message » (c'est-à-dire « L'ID utilisateur ne doit pas être vide » et « Le mot de passe ne doit pas être vide »). Dans l'exemple ci-dessous, XPath trouve les éléments dont « ID » commence par « message ».

Xpath=//label[starts-with(@id,'message')]

Dans cette expression, avec la fonction texte, nous trouvons l'élément avec une correspondance exacte du texte, comme indiqué ci-dessous. Dans notre cas, nous trouvons l'élément avec le texte « UserID ».

Xpath=//td[text()='UserID']

Méthodes des axes XPath

Ces méthodes d'axes XPath sont utilisées pour rechercher les éléments complexes ou dynamiques. Ci-dessous, nous verrons certaines de ces méthodes.

Pour illustrer cette méthode des axes XPath, nous utiliserons le site de démonstration de la banque Guru99.

1) Suite

Sélectionne tous les éléments du document du nœud actuel ( ) [la zone de saisie UserID est le nœud actuel] comme indiqué dans l'écran ci-dessous.

Xpath=//*[@type='text']//following::input

Il y a 3 nœuds « d'entrée » correspondant en utilisant l'axe « suivant » : mot de passe, connexion et bouton de réinitialisation. Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser la méthode XPath ci-dessous :

Xpath=//*[@type='text']//following::input[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1],[2]…………et ainsi de suite.

Avec l'entrée « 1 », la capture d'écran ci-dessous trouve le nœud particulier qui est l'élément de la zone de saisie « Mot de passe ».

2) Ancêtre

L'axe des ancêtres sélectionne tous les éléments ancêtres (grands-parents, parents, etc.) du nœud actuel, comme indiqué dans l'écran ci-dessous.

Dans l'expression ci-dessous, nous trouvons l'élément ancêtres du nœud actuel (nœud « ENTERPRISE TESTING »).

Xpath=//*[text()='Enterprise Testing']//ancestor::div

Il y a 13 nœuds « div » correspondant en utilisant l'axe « ancêtre ». Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser le XPath ci-dessous, où vous modifiez le numéro 1, 2 selon vos besoins :

Xpath=//*[text()='Enterprise Testing']//ancestor::div[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1], [2]…………et ainsi de suite.

3) Enfant

Sélectionne tous les éléments enfants du nœud actuel (Java) comme indiqué dans l’écran ci-dessous.

Xpath=//*[@id='java_technologies']//child::li

Il y a 71 nœuds « li » correspondant en utilisant l'axe « enfant ». Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser le XPath ci-dessous :

Xpath=//*[@id='java_technologies']//child::li[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1],[2]…………et ainsi de suite.

4) Précédent

Sélectionnez tous les nœuds qui précèdent le nœud actuel, comme indiqué dans l'écran ci-dessous.

Dans l'expression ci-dessous, il identifie tous les éléments d'entrée avant le bouton « CONNEXION » qui est Identifiant d'utilisateur et Mot de passe élément d'entrée.

Xpath=//*[@type='submit']//preceding::input

Il y a 2 nœuds « d'entrée » correspondant en utilisant l'axe « précédent ». Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser le XPath ci-dessous :

Xpath=//*[@type='submit']//preceding::input[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1],[2]…………et ainsi de suite.

5) Frère ou sœur suivant

Sélectionnez les frères et sœurs suivants du nœud contextuel. Les frères et sœurs sont au même niveau du nœud actuel, comme indiqué dans l'écran ci-dessous. Il trouvera l'élément après le nœud actuel.

xpath=//*[@type='submit']//following-sibling::input

Un nœud d'entrée correspondant en utilisant l'axe « frère suivant ».

6) Parents

Sélectionne le parent du nœud actuel comme indiqué dans l'écran ci-dessous.

Xpath=//*[@id='rt-feature']//parent::div

Il y a 65 nœuds « div » correspondant en utilisant l'axe « parent ». Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser le XPath ci-dessous :

Xpath=//*[@id='rt-feature']//parent::div[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1],[2]…………et ainsi de suite.

7) Soi

Sélectionne le nœud actuel ou « soi » signifie qu'il indique le nœud lui-même comme indiqué dans l'écran ci-dessous.

Un nœud correspondant en utilisant l'axe « auto ». Il ne trouve toujours qu'un seul nœud car il représente l'élément propre.

Xpath =//*[@type='password']//self::input

8) Descendant

Sélectionne les descendants du nœud actuel comme indiqué dans l'écran ci-dessous.

Dans l'expression ci-dessous, il identifie tous les éléments descendants de l'élément actuel (élément de cadre 'Main body surround'), ce qui signifie en bas sous le nœud (nœud enfant, nœud petit-enfant, etc.).

Xpath=//*[@id='rt-feature']//descendant::a

Il y a 12 nœuds « lien » correspondant en utilisant l'axe « descendant ». Si vous souhaitez vous concentrer sur un élément particulier, vous pouvez utiliser le XPath ci-dessous :

Xpath=//*[@id='rt-feature']//descendant::a[1]

Vous pouvez modifier le XPath selon les besoins en mettant [1],[2]…………et ainsi de suite.

Résumé

XPath est nécessaire pour trouver un élément sur la page Web afin d'effectuer une opération sur cet élément particulier.

• Il existe deux types de XPath au sélénium :
  • XPath absolu
  • XPath relatif

• Les axes XPath sont les méthodes utilisées pour rechercher des éléments dynamiques, qui autrement ne seraient pas possibles par la méthode XPath normale.
• L'expression XPath sélectionne des nœuds ou une liste de nœuds sur la base d'attributs tels que ID, Nom, Nom de classe, etc. à partir du document XML.

Vérifiez également: - Selenium Tutoriel pour débutants : Apprenez WebDriver en 7 jours