jquery - Selenium IDE 在 DragAndDrop ToObject 时忽略列表的第一个元素

Question

我有一个页面分为 2 个数据网格，左侧数据网格具有以下结构:

<ul class="left_dg">
    <li>
        <ul></ul>
    </li>
    <li>
        <ul></ul>
    </li>
    <li>
        <ul></ul>
    </li>
    ...
</ul>

右边的数据网格有一个简单的“ul-li”结构和一个类=“right_dg”。我正在使用 dragAndDropToObject 将 li 元素从右侧移动到左侧。它看起来像这样:

<tr>
    <td>dragAndDropToObject</td>
    <td>css=.right_dg > li:nth-child(2)</td>
    <td>css=.left_dg > li:nth-child(1) > ul</td>
</tr>
<tr>
    <td>dragAndDropToObject</td>
    <td>css=.right_dg > li:nth-child(2)</td>
    <td>css=.left_dg > li:nth-child(2) > ul</td>
</tr>
<tr>
    <td>dragAndDropToObject</td>
    <td>css=.right_dg > li:nth-child(2)</td>
    <td>css=.left_dg > li:nth-child(3) > ul</td>
</tr>

出于某种原因<td>css=.left_dg > li:nth-child(1) > ul</td>选择第二个 li 元素的子元素，而不是第一个。

我怎样才能接触到第一里的 child ？非常感谢您的理解。我是 Selenium 的新手。

Answer 1

不知道为什么会这样。但是您可以使用以下代码到达第一个元素:

<tr>
     <td>mouseDownAt</td>
     <td>css=.right_dg > li:nth-child(2)</td>
     <td></td>
</tr>
<tr>
      <td>mouseMoveAt</td>
      <td>css=.left_dg > li:nth-child(1) > ul</td>
      <td></td>
</tr>
<tr>
      <td>mouseUpAt</td>
       <td>css=.left_dg > li:nth-child(1) > ul</td>
       <td></td>
</tr>

对于第二个、第三个等元素，您可以继续使用 dragAndDropToObject。那应该可以正常工作。