элементы с одинаковыми характеристиками

Здравствуйте. при тестировании приложения была обнаружена такая вот вещь:
нужно нажать на изображение скрепки чтоб прикрепить файл (см. скрин):

проблема в том, что у всех скрепок на странице получаются одинаковые xpath и нажать на первую еще можно, а на вторую и последующие используюя только xpath не получится, так как нажимает снова на первую картинку.
вот код (первая скрепка):

<td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last x-grid3-cell-selected" style="width: 34px; " tabindex="0">
  <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">
    <form id="F259_10" name="F259_10" method="POST" action="/user/edituser/upload" class="file-upload-form">
      <input type="file" name="myfile" id="myfile259_10" size="1" class="file-uploader" title="Редактировать" onchange="uploadFile('259_10', 7);">
        <img src="/Skins/defaultskin/Images/addFile.png" class="file-upload-pict">
    </form>
  </div>
</td>

и вторая скрепка:

<td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last " style="width: 34px; " tabindex="0">
  <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">
    <form id="F260_10" name="F260_10" method="POST" action="/user/edituser/upload" class="file-upload-form">
      <input type="file" name="myfile" id="myfile260_10" size="1" class="file-uploader" title="Редактировать" onchange="uploadFile('260_10', 7);">
        <img src="/Skins/defaultskin/Images/addFile.png" class="file-upload-pict">
    </form>
  </div>
</td>

здесь отличаются только названия форм и input, но я пробовала связать с ними событие clickAt(), ничего не происходит.
подскажите, на что в таких случаях можно ориентироваться? какие способы клика на элемент еще можно использовать?

Здравствуйте Jenka156,

Попробуйте

xpath=//input[@name='myfile'][i] 
i - номер скрепки

Вообще перед этим целесообразно посчитать сколько скрепок, чтоб не тыкать в никуда)
должен быть метод

getXpathCount ("xpath=//input[@name='myfile']")

. Однако это недоступно посредством Selenium IDE.

Если этот способ не сработает, пришлите пожалуйста хотя бы пару тегов общих для этих скрепок ( они же лежат в одной таблице, лежащей в теге div ).

Если уж на то пошло, то i надо приписывать не к input, а к td или вообще tr. И вообще напротив каждой скрепки есть имя (АФайл и ВФайл). Поэтому можно написать разные xpathы для разных скрепок.

Если уж на то пошло, Алена Б, то специфика extjs такова, что привязаться к конкретному тегу по классу очень сложно, про айдишники я вообще молчу. И все же, это реально, и отличное решение, но для этого, как говорилось раньше, нужно знать общий код какой-то, а так же отличие кода со скрепкой от кода с карандашиком. А по поводу имен, подозреваю, что далеко не для каждого теста вообще будут скрепки, а если и будут, то не с именами АФайл. Да и в будущем крайне не рекомендую вам привязываться к тексту.

С уважением.

Отличие кода скрепки от кода карандаша - это же в аттрибуте src: img src="/Skins/defaultskin/Images/addFile.png" - у карандаша там будет другое png.
Вообще, ситуация вроде как раз та самая где к тексту ,находящемуся напротив скрепки , и надо привязываться.

alena b ,

Не могли бы вы привести пример, как от привязки к тексту в данном конкретном случае перейти непосредственно к скрепке?
Ведь, очевидно же, что текст, которому соответствует скрепка лежит в другом <td>, который не является ни parent ни сhild для скрепки. Соответственно, после того, как будет найден тег с текстом, нужно будет возвращаться на один элемент вверх по иерархии, а потом переходить к тегу со скрепкой.


По поводу картинок. здесь ситуация та же самая. Тег с картинкой является вложенным для искомого. Остается надежда на то, что карандашик - Input другого типа, либо вообще не Input.


Спасибо

А почему-бы и не возвращаться в верх по иерархии?
По тексту можно привязаться так:

//td[contains(text(),'АФайл')]/..//input[@name='myfile']

аналогично и по тегу с картинкой:

//img[contains(@src,'addFile.png')]/../input

Если уж мы спустились до

//img[contains(@src,'addFile.png')]/../input

то я не понимаю, чем плох вариант

xpath=//input[@name='myfile'][i]

Ведь его имя как раз свидетельствует о том, что этот инпут работает с файлом.
К тому же, просмотрев еще раз код, поняла, что можно добавить

xpath=//input[@name='myfile' and contains(@id, 'myfile')] 

Если уж мы спустились до

//img[contains(@src,'addFile.png')]/../input

то я не понимаю, чем плох вариант

xpath=//input[@name='myfile'][i]

Ведь его имя как раз свидетельствует о том, что этот инпут работает с файлом.
К тому же, просмотрев еще раз код, поняла, что можно добавить

xpath=//input[@name='myfile' and contains(@id, 'myfile')] 

Не очень поняла. Но xpath=//input[@name='myfile'][i] прокатит только при i=1
Для продвижения вверх по иерархии можно использовать либо /../../ либо слово ancestor - ancestor::foo[1]/@id
Про все это можно почитать в туториалах по xpath. Нет ничего невозможного, по кр мере в данном конкретном примере . Если элементы на странице находятся в разных местах, то и xpath к ним можно написать разные . И от любого элемента можно перейти к другому.
В данном случае по идее создаем нечто с именем (желательно-обязательно уникальным) как здесь АФайл , запоминаем переменную и спокойно привязываемся к тексту.
Только не надо злиться и обижаться=)

Но xpath=//input[@name='myfile'][i] прокатит только при i=1

Это правда. Индексация работает для элементов, находящихся на одном уровне в DOM-дереве. То есть в данном случае -- для строк таблицы, tr.
Поэтому для получения элемента по индексу надо сделать вот так (предположим, что у таблицы есть некоторый идентификатор):

"//table[@id='sometable']/tr[" + i + "]//input[@name='myfile']"

"//table[@id='sometable']/tr[" + i + "]//input[@name='myfile']"

Именно для этого я и попросила общий кусочек кода.

(желательно-обязательно уникальным) как здесь АФайл

А откуда вы знаете какое имя будет у этого элемента? Или тесты нужно затачивать под какие-то конкретные значения?

Уважаемая Алена, если Вы прочитали так много туториалов по Xpath, то и привели бы решение, а не занимались абстракцией. Думаю, раз человек обратился на форум за помощью, он ждет решения, а не философских мыслей.

Только не надо злиться и обижаться=)

Вот более общий кусок кода. такого хватит?

<div class="x-grid3-row ux-maximgb-tg-level-1   " style="width: 658px; ">
 <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0" style="width: 658px; ">
  <tbody>
   <tr>
    <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first " style="width: 283px; " tabindex="0">
     <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
      АФайл
     </div>
    </td>
    <td class="x-grid3-col x-grid3-cell x-grid3-td-1 " style="width: 341px; " tabindex="0">
     <div class="x-grid3-cell-inner x-grid3-col-1" unselectable="on">
      &nbsp;
     </div>
    </td>
   <td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last " style="width: 34px; " tabindex="0">
    <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">
     <form id="F259_10" name="F259_10" method="POST" action="/user/edituser/upload" class="file-upload-form">
      <input type="file" name="myfile" id="myfile259_10" size="1" class="file-uploader" title="Редактировать" onchange="uploadFile('259_10', 7);">
       <img src="/Skins/defaultskin/Images/addFile.png" class="file-upload-pict">
     </form>
    </div>
   </td>
  </tr>
  <tr class="x-grid3-row-body-tr" style=""><td colspan="3" class="x-grid3-body-cell" tabindex="0" hidefocus="on"><div class="x-grid3-row-body">
 </div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="x-grid3-row ux-maximgb-tg-level-1  x-grid3-row-alt" style="width: 658px; ">
 <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0" style="width: 658px; ">
  <tbody>
   <tr>
    <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first " style="width: 283px; " tabindex="0">
     <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
      ВФайл
     </div>
    </td>
   <td class="x-grid3-col x-grid3-cell x-grid3-td-1 " style="width: 341px; " tabindex="0">
    <div class="x-grid3-cell-inner x-grid3-col-1" unselectable="on">
     &nbsp;
    </div>
   </td>
   <td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last " style="width: 34px; " tabindex="0">
    <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">
     <form id="F260_10" name="F260_10" method="POST" action="/user/edituser/upload" class="file-upload-form">
      <input type="file" name="myfile" id="myfile260_10" size="1" class="file-uploader" title="Редактировать" onchange="uploadFile('260_10', 7);">
      <img src="/Skins/defaultskin/Images/addFile.png" class="file-upload-pict">
     </form>
    </div>
   </td>
  </tr>
  <tr class="x-grid3-row-body-tr" style=""><td colspan="3" class="x-grid3-body-cell" tabindex="0" hidefocus="on"><div class="x-grid3-row-body">
</div>
</td>
</tr>
</tbody>
</table>
</div>

Нашла у себя в заначке малюсенький туториал с подобным случаем ( когда-то писала для юных дарований), надеюсь, Женя, он будет вам полезен.  XpathCreateExample.rar   440,81К   18 Количество загрузок:

Вот более общий кусок кода. такого хватит?

Это немножко не то) Но исходя из этого кода можно сделать следующее
1) нумерацию (То самое i) привязывать вот к этому элементу

<div class="x-grid3-row ux-maximgb-tg-level-1   " style="width: 658px; ">

То есть локатор будет содержать следующее

div[contains(@class, 'ux-maximgb-tg-level-1')]

вместо ux-maximgb-tg-level-1 можно вставить только ту часть, которой этот класс отличается от остальных
2) Нужно будет каким-то образом указать элемент (общий, про который говорилось выше), где лежат эти div-ы ( пусть это будет

<div name = "personal-info-table" > </div>

) Поищите сами на страничке. Таким образом у нас уже имеется

"//div[@name='personal-info-table'] // div[contains(@class, 'ux-maximgb-tg-level-1')][i]"

3)Теперь можно из каждого такого div-a выбрать нужный инпут:

"//div[@name='personal-info-table'] // div[contains(@class, 'ux-maximgb-tg-level-1')][i]//input[@name='myfile']"

Надеюсь, что помогла вам

Спасибо за помощь, для картинки xpath написала. теперь тест находит ее. но только при нажатии ничего не происходит почему-то. Должно появиться окно загрузки файла, но оно не появляется.
я пробовала и click() и clickAt и вот этот способ:

        $this->mouseDownAt($this->clip1, "4,4");
        $this->mouseUpAt($this->clip1, "4,4");

окно все равно не появляется...

сейчас пробовала выполнить эти действия в IDE. там на событие клика по скрепке не появляется никакой команды, хотя окно загрузки файла открывается. почему так?

Сообщение отредактировал Jenka156: 11 августа 2011 - 13:44

Хм, а Вы уверены, что элемент подгрузился, к тому моменту когда скрипт на него нажимает?

там на событие клика по скрепке не появляется никакой команды

где не появляется?

Сообщение отредактировал ekulgavaya: 11 августа 2011 - 13:49

ну вот:



получается там, куда указывает стрелка должна быть команда click и xpath скрепки, а ее нет. хотя у меня открывается окно загрузки файла, я выбираю файл, жму ОК и вижу уже следующую команду по добавлению имени файла в форму.

Ну теперь, если посмотреть на код, который вы присылали раньше, а именно вот сюда

<input type="file" name="myfile" id="myfile259_10" size="1" class="file-uploader" title="Редактировать" onchange="uploadFile('259_10', 7);">

Это код именно того элемента, по которому вы кликаете, обратите внимание на аттрибут id="myfile259_10"Теперь, если посмотреть на скрин, который вы прислали, вот здесь  img.png   57,38К   4 Количество загрузок:Видно, что Селениум даже и не пытается кликать по нему, и отлавливать форму загрузки файла ( она у вас очевидно стандартная), а сразу вводит в этот инпут путь к загружаемому файлу.


После загрузки, у вас же появляется имя файла с крестиком, вот сделайте загрузку командой type, а потом проверьте, что появилось имя файла.

да, форма загрузки стандартная. и проверить, загрузился ли файл, могу сохранив пользователя и потом посмотрев его профиль еще раз. там название файла будет в виде ссылки. нажимаешь на нее и файл скачивается. по идее здесь ошибок быть не должно и этот этап можно пропустить?

да, форма загрузки стандартная. и проверить, загрузился ли файл, могу сохранив пользователя и потом посмотрев его профиль еще раз. там название файла будет в виде ссылки. нажимаешь на нее и файл скачивается. по идее здесь ошибок быть не должно и этот этап можно пропустить?

Я тоже думаю, что можно пропустить, проверьте просто, что появилось имя файла у пользователя. Мне кажется, этого будет достаточно.