使用Selenium导航通过DIV元素创建的HTML表格

我有一个使用'div'元素创建的表格，它具有基于选择的动态内容以及要显示的数据。使用Selenium导航通过DIV元素创建的HTML表格

我想找到一种方法来点击表格最后一行的一些图标。无法使用getElementID执行此操作，就好像有多行一样，那么所有图标都具有相同的ID。有没有其他的方式可以做到这一点？

<div class="cv-layout"> 
    <div class="row cv-layout-body"> 
     <div class="mobile-col-12 tablet-col-12 desktop-col-12 settlement-container cv-panel"> 
      <div class="row header"> 
       <div class="tablet-col-1">Ref</div> 
       <div class="tablet-col-2">Rec</div> 
       <div class="tablet-col-2">Amt</div> 
       <div class="tablet-col-3">Say</div> 
       <div class="tablet-col-3 text-right">Pay</div> 
       <div class="tablet-col-1 center-text">Age</div> 
      </div> 
      <div class="settlement-item"> 
       <div class="row settlement-read-item bordered"> 
        <div class="tablet-col-1">Col1Row1</div> 
        <div class="tablet-col-2">Col2Row1</div> 
        <div class="tablet-col-2"><span>Col2aRow1</span> 
        </div> 
        <div class="tablet-col-3"> 
         <div> 
          <div> 
           <p><span class="item-header prevent-break">Value: 356 €</span> 
           </p> 
          </div> 
         </div> 
        </div> 
        <div class="tablet-col-3 text-right"> 
         <div> 
          <p><span class="item-header prevent-break"><span>XZS $34</span> 
           <!-- react-text: 1647 -->&nbsp; 
           <!-- /react-text --><span>BAS $321</span></span> 
          </p> 
         </div> 
        </div> 
        <div class="tablet-col-1"> 
         <div class="center-text"><span class="icon-unconfirmed confirm link-icon "></span><span class="icon-edit link-icon edit"></span><span class="icon-delete link-icon remove"></span> 
         </div> 
        </div> 
       </div> 
      </div>

来源

2017-07-17 gagneet

你没有使用'ID = “”'在模板中的任何地方。您可以选择使用查询字符串，例如'.link-icon.confirmed'，'.link-icon.edit'，'.link-icon.remove' - 或者您可以给这些操作提供更好的命名。 – Narxx

您可以使用CSS选择器来匹配类或XPath以表示与另一个元素的关系。 –

你能告诉我们你的工作吗？谢谢 – DebanjanB

想法是首先找到要执行操作的表格，然后导航到特定行并执行操作。

当我们知道行的内容是什么时，下面的代码将工作，在这种情况下，我们将执行getText并比较值，如果发现值会点击并退出循环，这将有助于保持事物动力学。

List<WebElement> tableElement = driver.findElements(By.xpath("//div[contains(@class,'settlement-item')]")); // findElements will return a list of table elements 
for (WebElement webElement : tableElement) { 
if (webElement.getText().contains(rowData)) { //rowData is the data value which we are looking for to perform operation on 
      webElement.click(); 
      break; 
}

如果这个想法是让最后一排因为我们有

列表中，我们可以得到的长度，并在其上执行某些操作进行操作。

List<WebElement> tableElement = 
     driver.findElements(By.xpath("//div[contains(@class,'settlement-item')]")); // findElements will return a list of table elements 
     int index = tableElement.size(); 
     tableElement.get(index-1).click(); 
    }

来源

2017-07-17 17:41:25

你可以找到类似的信息（我使用Python）的最后一行：

all_rows = driver.find_elements_by_css_selector("div.settlement-item div.row") 
last_row = all_rows[-1]

然后点击行中的图标：

unconfirmed_icon = last_row.find_element_by_css_selector("span.icon-unconfirmed") 
unconfirmed_icon.click()

来源

2017-07-17 12:31:06

使用Selenium导航通过DIV元素创建的HTML表格

回答

相关问题