Expression XPATH: Comment faire pour selectionner la 2è occurence d'un élément ?

**christophesav** · 21/02/2017, 00h30

Bonjour,

J'ai un problème avec un site avec lequel je souhaiterai interagir au travers de Selenium. mais problème...les ids changent dynamiquement..Je me tourne alors vers XPATH pour localiser précisément les éléments des pages dont j'ai besoin...En particulier, j'ai besoin d'interagir avec le bouton "More" d'une page...et là nouveau problème : il y a dans le code html deux fois ce bouton (ligne 36 et 90) précédé de la même strucuture html..Comment puis-je faire pour sélectionner le second bouton (ligne 90) et non le premier (ligne 36) ? Pourquoi le second ? parce que c'est celui que FirePath identifie depuis l'IHM..

J'ai créé l'expression suivante mais cela ne fonctionne pas..c'est le 1er bouton qui est sélectionné...
//div[@class=' x-panel x-panel-noborder' AND @style='width: 1136px;']/descendant::button[.='More']

Comment faire svp ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<document>
<html id="ext-gen3" class=" ext-strict x-viewport" decorator="blank">
<head>
<body id="ext-gen4" class="ext-gecko3 cwc-view x-border-layout-ct" onload="cwc.getFrameworkWindow()">
<div id="cwc_header" class=" masthead x-border-panel" style="left: 0px; top: 0px; width: 1366px; height: 27px;">
<div id="cwcNavPanel" class=" x-panel cwc-navPanel x-border-panel" style="width: 220px; left: 0px; top: 56px;">
<div id="cwcCenterPanel" class=" x-tab-panel cwc-centerPanel x-border-panel" style="left: 228px; top: 35px; width: 1138px;">
<a id="mainContent"/>
<div id="ext-gen55" class="x-tab-panel-header x-unselectable x-tab-panel-header-plain x-tab-scrolling-top" style="width: 1138px;">
<div id="ext-gen56" class="x-tab-panel-bwrap">
<div id="ext-gen57" class="x-tab-panel-body x-tab-panel-body-top" style="width: 1138px; height: 347px;">
<div id="ext-comp-987100" class="x-panel x-panel-noborder x-hide-nosize" style="width: 1136px;">
<div id="ext-gen65" class="x-panel-bwrap">
<div id="ext-gen66" class="x-panel-body x-panel-body-noheader x-panel-body-noborder" style="width: 1136px; height: 596px;">
<div id="mif-comp-987101" class=" x-panel x-panel-noborder" style="width: 1136px;">
<div id="ext-gen68" class="x-panel-bwrap">
<div id="ext-gen69" class="x-panel-tbar x-panel-tbar-noheader x-panel-tbar-noborder" style="width: 1136px;">
<div id="ext-comp-987099" class="x-toolbar x-small-editor x-toolbar-layout-ct" style="width: 1136px;">
<table class="x-toolbar-ct" cellspacing="0">
<tbody>
<tr>
<td class="x-toolbar-left" align="left">
<table cellspacing="0">
<tbody>
<tr class="x-toolbar-left-row">
<td id="ext-gen204" class="x-toolbar-cell">
<td id="ext-gen206" class="x-toolbar-cell">
<td id="ext-gen208" class="x-toolbar-cell">
<table id="ext-comp-987105" class="x-btn ltr x-btn-noicon" style="width: auto;" cellspacing="0">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
<tr>
<td class="x-btn-ml">
<td class="x-btn-mc ">
<em id="ext-gen210" class="x-btn-arrow" unselectable="on" role="menu" aria-haspopup="true">
<button id="ext-gen209" class="x-btn-text" type="button">More</button>
</em>
</td>
<td class="x-btn-mr">
</tr>
<tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="x-toolbar-right" align="right">
</tr>
</tbody>
</table>
</div>
</div>
<div id="ext-gen70" class="x-panel-body ux-mif-mask-target x-panel-body-noheader x-panel-body-noborder" style="width: 1136px; height: 569px;">
</div>
</div>
</div>
</div>
</div>
<div id="ext-comp-987205" class=" x-panel x-panel-noborder" style="width: 1136px;">
<div id="ext-gen381" class="x-panel-bwrap">
<div id="ext-gen382" class="x-panel-body x-panel-body-noheader x-panel-body-noborder" style="width: 1136px; height: 346px;">
<div id="mif-comp-987206" class=" x-panel x-panel-noborder" style="width: 1136px;">
<div id="ext-gen384" class="x-panel-bwrap">
<div id="ext-gen385" class="x-panel-tbar x-panel-tbar-noheader x-panel-tbar-noborder" style="width: 1136px;">
<div id="ext-comp-987204" class="x-toolbar x-small-editor x-toolbar-layout-ct" style="width: 1136px;">
<table class="x-toolbar-ct" cellspacing="0">
<tbody>
<tr>
<td class="x-toolbar-left" align="left">
<table cellspacing="0">
<tbody>
<tr class="x-toolbar-left-row">
<td id="ext-gen392" class="x-toolbar-cell">
<td id="ext-gen394" class="x-toolbar-cell">
<td id="ext-gen396" class="x-toolbar-cell">
<td id="ext-gen398" class="x-toolbar-cell">
<td id="ext-gen400" class="x-toolbar-cell">
<td id="ext-gen402" class="x-toolbar-cell">
<td id="ext-gen404" class="x-toolbar-cell">
<td id="ext-gen406" class="x-toolbar-cell">
<table id="ext-comp-987215" class="x-btn ltr x-btn-noicon x-btn-over" style="width: auto;" cellspacing="0">
<tbody class="x-btn-small x-btn-icon-small-left">
<tr>
<tr>
<td class="x-btn-ml">
<td class="x-btn-mc ">
<em id="ext-gen408" class="x-btn-arrow" unselectable="on" role="menu" aria-haspopup="true">
<button id="ext-gen407" class="x-btn-text" type="button">More</button>
</em>
</td>
<td class="x-btn-mr">
</tr>
<tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="x-toolbar-right" align="right">
</tr>
</tbody>
</table>
</div>
</div>
<div id="ext-gen386" class="x-panel-body ux-mif-mask-target x-panel-body-noheader x-panel-body-noborder" style="width: 1136px; height: 319px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Telephony Applet -->
<iframe id="ext-gen225" class="ext-shim" src="/sm/js/9.33.4034/extjs/resources/images/default/s.gif" style="display: none; visibility: visible; z-index: 20000; left: 658px; top: 90px; width: 74px; height: 21px;" frameborder="0"/>
<div id="ext-gen76" class="x-shadow" style="z-index: 20001; left: 658px; top: 90px; width: 74px; height: 21px; display: none;">
<div id="ext-comp-987085" class="x-tip" style="position: absolute; z-index: 20002; visibility: hidden; width: 74px; left: 654px; top: 87px; display: none;">
<div id="cwcNavPanel-xsplit" class="x-layout-split x-layout-split-west x-unselectable x-splitbar-h" style="left: 220px; top: 56px; height: 351px;"/>
<div id="ext-gen54" class=" x-unselectable x-splitbar-proxy x-splitbar-proxy-h"/>
<div id="ext-gen226" style="position: absolute; left: -1000px; top: -1000px; visibility: hidden; font-size: 11px; font-style: normal; font-weight: 400; font-family: tahoma,arial,helvetica,sans-serif; line-height: 15px; text-transform: none; letter-spacing: normal; width: auto;"/>
</body>
</html>
</document>

merci par avance,

**thelvin** · 21/02/2017, 08h06

Hello,

pour sélectionner la deuxième occurrence de quelque chose il suffit de mettre [2] derrière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//div[@class=' x-panel x-panel-noborder' AND @style='width: 1136px;'][2]

Mais je me demande si tu ferais pas mieux de chercher les button[. = 'More'] directement au lieu de t'intéresser aux div qui les contiennent...

**christophesav** · 21/02/2017, 08h56

Envoyé par thelvin

Hello,

pour sélectionner la deuxième occurrence de quelque chose il suffit de mettre [2] derrière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//div[@class=' x-panel x-panel-noborder' AND @style='width: 1136px;'][2]

Mais je me demande si tu ferais pas mieux de chercher les button[. = 'More'] directement au lieu de t'intéresser aux div qui les contiennent...

Merci Thelvin !!
Effectivement maintenant que tu m'as montré comment choisir une occurence..je pourrai chercher directement le bouton "More", ça serait plus simple

**christophesav** · 21/02/2017, 16h52

Hello,
ça ne fonctionne pas malheureusement...

l'expresssion

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//button[.='More']

me retourne 2 occurences

l'expresssion

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//button[.='More'][1]

me retourne 2 occurences (oui, j'ai bien écrit "2 occurences")

l'expresssion

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

//button[.='More'][2]

me retourne 0 occurence (oui, j'ai bien écrit "0 occurence")

Comment faire...?

**thelvin** · 22/02/2017, 16h29

Ah, en effet.

Il faudrait probablement mettre des parenthèses :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(//button[.='More'])[2]

La raison en est que //button est équivalent à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

/descendant-or-self::node()/child::button

Et que child::button[2] va sélectionner tout ce qui est un deuxième enfant de l'élément en cours.

Par conséquent, dans un document comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<html>
  <div id="a">
    <button>
    <button>
  </div>
  <div id="b">
    <button>
    <button>
  </div>
</html>

Il y a deux <button> qui sont des deuxièmes enfants, le deuxième enfant de "a" et le deuxième enfant de "b".

Les parenthèses permettent de regrouper tout ce petit monde dans un seul sac et de ne sélectionner que le deuxième élément de ce sac dans l'ordre d'apparition.

Expression XPATH: Comment faire pour selectionner la 2è occurence d'un élément ?

XML/XSL et SOAP

Discussions similaires

Partager

Partager