- \u010co je to XPath?<\/a><\/li>
- Ak\u00e9 s\u00fa r\u00f4zne typy XPath?<\/a><\/li>
- Vyh\u013ead\u00e1vanie dynamick\u00fdch prvkov pomocou XPaths<\/a><\/li><\/ul><\/div>\n
Qu’est-ce que XPath ?<\/h2>\n\n
XPath peut \u00eatre d\u00e9fini comme un langage de requ\u00eate utilis\u00e9 pour naviguer dans les documents XML afin d’y trouver diff\u00e9rents \u00e9l\u00e9ments. La syntaxe de base de l’expression XPath est la suivante:-<\/p>\n\n
\/\/tag[@attributeName=’attributeValues’]<\/strong><\/p>\n\n
Prenons maintenant un exemple pour comprendre les diff\u00e9rents \u00e9l\u00e9ments de la syntaxe d’expression Xpath : les balises, les attributs et les valeurs d’attribut. Examinez l’image suivante d’une page web de Google avec Firebug contr\u00f4lant la div de la barre de recherche.<\/p>\n
\n![\"Capture](\"https:\/\/ittester.sk\/wp-content\/uploads\/2023\/11\/x-path-1030-500-1024x497.webp\")
La syntaxe des expressions XPath est tr\u00e8s utile pour cr\u00e9er d’autres expressions XPath. <\/figcaption><\/figure>\n<\/div>\n - \n
- ‘\/’ ou ‘\/\/’<\/strong> – La barre oblique simple et la barre oblique double sont utilis\u00e9es pour cr\u00e9er des chemins XPath absolus et relatifs (expliqu\u00e9s plus loin dans ce tutoriel). Une simple barre oblique est utilis\u00e9e pour commencer la s\u00e9lection \u00e0 partir du n\u0153ud racine. La double barre oblique est utilis\u00e9e pour r\u00e9cup\u00e9rer le n\u0153ud courant correspondant \u00e0 la s\u00e9lection. Pour l’instant, nous utiliserons \u00ab\u00a0\/\/\u00a0\u00bb.<\/li>\n\n\n\n
- <>Balise <\/strong>– Les balises HTML commencent par ‘ ‘ et se terminent par ‘ ‘. Ils sont utilis\u00e9s pour entourer diff\u00e9rents \u00e9l\u00e9ments et fournir des informations sur le traitement de ces \u00e9l\u00e9ments. Dans l’image ci-dessus, les balises \u00ab\u00a0div\u00a0\u00bb et \u00ab\u00a0input\u00a0\u00bb sont affich\u00e9es.<\/li>\n\n\n\n
- Attribut<\/strong> – Les attributs d\u00e9finissent les propri\u00e9t\u00e9s des \u00e9l\u00e9ments HTML. Dans la figure ci-dessus, les attributs de l’\u00e9l\u00e9ment ext\u00e9rieur div sont id, classes et dir.<\/li>\n\n\n\n
- AttributeValue<\/strong> – Les valeurs d’attributs, comme leur nom l’indique, sont des valeurs d’attributs, par ex. \u00ab\u00a0sb_ifc0\u00a0\u00bb est la valeur de l’attribut \u00ab\u00a0id\u00a0\u00bb.<\/li>\n<\/ul>\n\n
En utilisant la syntaxe XPath pr\u00e9sent\u00e9e ci-dessus, nous pouvons cr\u00e9er plusieurs expressions XPath pour la barre de recherche-div de Google pr\u00e9sent\u00e9e dans l’image, telles que \/\/div[@id=’sb_ifc0\u2032], \/\/div[@class=’sbib_b’], ou \/\/div[@dir=’ltr’]. Chacune de ces expressions peut \u00eatre utilis\u00e9e pour r\u00e9cup\u00e9rer l’\u00e9l\u00e9ment souhait\u00e9, \u00e0 condition que les attributs s\u00e9lectionn\u00e9s soient uniques.<\/p>\n\n
Quels sont les diff\u00e9rents types de XPath ?<\/h2>\n\n
Il existe deux types d’expressions XPath :<\/p>\n\n
- \n
- XPath absolu<\/strong> – Les expressions XPath cr\u00e9\u00e9es \u00e0 l’aide d’expressions XPath absolues commencent la s\u00e9lection \u00e0 partir du n\u0153ud racine. Ces expressions commencent par un caract\u00e8re \u00ab\u00a0\/\u00a0\u00bb ou un n\u0153ud racine et parcourent l’ensemble du DOM pour atteindre l’\u00e9l\u00e9ment.<\/li>\n\n\n\n
- XPath relatif<\/strong> – Les expressions XPath relatives sont beaucoup plus compactes et utilisent des doubles barres obliques \u00ab\u00a0\/\/\u00a0\u00bb. Ces expressions XPath peuvent s\u00e9lectionner des \u00e9l\u00e9ments \u00e0 n’importe quel endroit correspondant aux crit\u00e8res de s\u00e9lection et ne commen\u00e7ant pas n\u00e9cessairement par le n\u0153ud racine.<\/li>\n<\/ul>\n\n
Laquelle de ces deux expressions est la meilleure ?\u00a0\u00bb – Les expressions XPath relatives sont consid\u00e9r\u00e9es comme meilleures parce qu’elles sont plus faciles \u00e0 lire et \u00e0 cr\u00e9er ; elles sont \u00e9galement plus robustes. Le probl\u00e8me des chemins XPath absolus est que m\u00eame un petit changement dans le DOM entre le chemin du n\u0153ud racine et l’\u00e9l\u00e9ment d\u00e9sir\u00e9 peut invalider le chemin XPath.<\/p>\n\n
Recherche d’\u00e9l\u00e9ments dynamiques \u00e0 l’aide de XPaths<\/h2>\n\n
Dans le domaine de l’automatisation, il arrive souvent que les \u00e9l\u00e9ments ne soient pas dot\u00e9s d’attributs uniques permettant de les identifier de mani\u00e8re unique, ou que les \u00e9l\u00e9ments soient g\u00e9n\u00e9r\u00e9s de mani\u00e8re dynamique, la valeur de l’attribut n’\u00e9tant pas connue \u00e0 l’avance.<\/p>\n\n
Dans ce cas, XPath propose plusieurs m\u00e9thodes de recherche d’\u00e9l\u00e9ments, par exemple en utilisant le texte \u00e9crit au-dessus des \u00e9l\u00e9ments, en utilisant l’index de l’\u00e9l\u00e9ment, en utilisant une valeur d’attribut partiellement correspondante, en se d\u00e9pla\u00e7ant vers un fr\u00e8re, un enfant ou un parent de l’\u00e9l\u00e9ment qui peut \u00eatre identifi\u00e9 de mani\u00e8re unique, et ainsi de suite.<\/p>\n\n
Utilisation de la fonction text()<\/strong><\/p>\n\n
La fonction text() permet de trouver un \u00e9l\u00e9ment en fonction du texte \u00e9crit au-dessus de lui. XPath pour le bouton \u00ab\u00a0GoogleSearch\u00a0\u00bb :<\/p>\n\n
[text()=’Google Search’]\/\/*<\/strong> (ici, nous avons utilis\u00e9 ‘*’ pour faire correspondre n’importe quelle balise avec le texte souhait\u00e9) <\/strong><\/p>\n\n
Utilisation de la fonction contains()<\/strong><\/p>\n\n
La fonction contains() permet \u00e9galement de comparer les valeurs d’attributs partiellement identiques. Cette fonction est particuli\u00e8rement utile pour rechercher des valeurs dynamiques dont une partie reste constante, par exemple Le XPath pour la div externe dans l’image ci-dessus avec l’id \u00ab\u00a0sb_ifc0\u00a0\u00bb peut \u00e9galement \u00eatre trouv\u00e9 avec l’id partiel – \u00ab\u00a0sb\u00a0\u00bb en utilisant contains() – \/\/div[contains(@id,’sb’)]<\/strong><\/p>\n\n
Utilisation de l’index des \u00e9l\u00e9ments<\/strong><\/p>\n\n
En sp\u00e9cifiant la position de l’index entre crochets, nous pouvons passer au ni\u00e8me \u00e9l\u00e9ment satisfaisant \u00e0 la condition, par exemple \/\/div[@id=’elementid’]\/input[4]<\/strong> r\u00e9cup\u00e8re le quatri\u00e8me \u00e9l\u00e9ment d’entr\u00e9e \u00e0 l’int\u00e9rieur de l’\u00e9l\u00e9ment div.<\/p>\n\n
Utiliser les axes XPath<\/strong><\/p>\n\n
Les axes XPath permettent de localiser des \u00e9l\u00e9ments web complexes en les faisant passer par un fr\u00e8re, un descendant ou un parent d’autres \u00e9l\u00e9ments facilement identifiables. Les axes les plus utilis\u00e9s sont les suivants :<\/p>\n\n
enfant<\/strong><\/td> S\u00e9lection des n\u0153uds enfants du n\u0153ud de r\u00e9f\u00e9rence.<\/strong> parent<\/strong><\/td> S\u00e9lection du n\u0153ud parent du n\u0153ud de r\u00e9f\u00e9rence. suivant<\/strong><\/td> S\u00e9lectionnez tous les n\u0153uds qui suivent le n\u0153ud de r\u00e9f\u00e9rence. pr\u00e9c\u00e9dent<\/strong><\/td> S\u00e9lectionnez tous les n\u0153uds situ\u00e9s avant le n\u0153ud de r\u00e9f\u00e9rence. anc\u00eatre<\/strong><\/td> S\u00e9lection de tous les \u00e9l\u00e9ments anc\u00eatres avant le n\u0153ud de r\u00e9f\u00e9rence. XPath peut \u00eatre d\u00e9fini comme un langage de requ\u00eate utilis\u00e9 pour naviguer dans les documents XML afin d’y trouver diff\u00e9rents \u00e9l\u00e9ments.<\/p>\n","protected":false},"author":8,"featured_media":2911,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[53],"tags":[],"class_list":["post-2909","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriel-selenium"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/posts\/2909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/comments?post=2909"}],"version-history":[{"count":1,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/posts\/2909\/revisions"}],"predecessor-version":[{"id":2912,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/posts\/2909\/revisions\/2912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/media\/2911"}],"wp:attachment":[{"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/media?parent=2909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/categories?post=2909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ittester.sk\/fr\/wp-json\/wp\/v2\/tags?post=2909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- XPath relatif<\/strong> – Les expressions XPath relatives sont beaucoup plus compactes et utilisent des doubles barres obliques \u00ab\u00a0\/\/\u00a0\u00bb. Ces expressions XPath peuvent s\u00e9lectionner des \u00e9l\u00e9ments \u00e0 n’importe quel endroit correspondant aux crit\u00e8res de s\u00e9lection et ne commen\u00e7ant pas n\u00e9cessairement par le n\u0153ud racine.<\/li>\n<\/ul>\n\n
- <>Balise <\/strong>– Les balises HTML commencent par ‘ ‘ et se terminent par ‘ ‘. Ils sont utilis\u00e9s pour entourer diff\u00e9rents \u00e9l\u00e9ments et fournir des informations sur le traitement de ces \u00e9l\u00e9ments. Dans l’image ci-dessus, les balises \u00ab\u00a0div\u00a0\u00bb et \u00ab\u00a0input\u00a0\u00bb sont affich\u00e9es.<\/li>\n\n\n\n
- Ak\u00e9 s\u00fa r\u00f4zne typy XPath?<\/a><\/li>