Проверьте порядок динамической веб-таблицы после того, как она была изменена

Question

Я пишу сценарий тестирования автоматизации на веб-сайте с использованием веб-драйвера selenium.Мне нужно проверить порядок динамической веб-таблицы после того, как порядок был изменен.До сих пор я написал код, чтобы поместить все элементы в список для каждой строки и столбца.После того, как я щелкну по порядку изменения строки на веб-сайте, как мне убедиться, что отображается правильный порядок?

Например, если я переместу первую строку вниз, она станет второй строкой, а вторая строка станетво-первых, мне нужно убедиться, что они поменялись местами.

Вот HTML-код для веб-таблицы.

<table class="favTable">
  <caption><h2 class="hideCaption">My Favorite Reports</h2></caption>
<tbody>
  <tr class="headerRow">
    <th scope="col" class="colCO">Change Order</th>
    <th scope="col" class="colFN">Favorite Name</th>
    <th scope="col" class="colRF">Remove Favorite</th>
    <th scope="col" class="colEFN">Edit Favorite Name</th>
   </tr>
  <tr> 
    <td class="colCO">
      <a href="#" onclick="return UpSort(this);">
        <img alt="Increase Order" src="Resources/Images/up_sort.png">
       </a>
      <a href="#" onclick="return DownSort(this);">
        <img alt="Decrease Order" src="Resources/Images/down_sort.png">
       </a>
     </td>
    <td class="colFN editableCell">
      <a id="150219030000EditLink" href="/app/FDR2019/FormularySearch.aspx?PI=150219030000">CY 2019 Search Formulary
      </a>
       <label for="150219030000EditBox" class="HiddenText" style="display:none;">CY 2019 Search Formulary Favorite Name</label><input id="150219030000EditBox" class="favNameEditBox" style="display:none;" maxlength="50" type="text" value="">
       <input id="150219030000SaveNameBtn" style="display:none;" type="button" value="Save" onclick="return SaveFavoriteTitle(this, '150219030000');">
       <input id="150219030000CancelNameBtn" class="favTitleCancelBtn" style="display:none;" type="button" value="Cancel" onclick="return CancelEditFavorites(this);">
     </td>
    <td class="colRF">
      <a href="#" onclick="return RemoveFavorite(this, '150219030000');">
        <img alt="Remove From Favorites" src="Resources/Images/remove.png">
        </a>
      </td>
    <td class="colEFN">
      <a href="#" onclick="return EditFavorites(this, '150219030000', 'true');">
      <img alt="Edit Favorite Name" src="Resources/Images/edit.png">
      </a>
     </td>
    <td style="display:none">
      <span class="pageIDCol">150219030000</span>
    </td>
  </tr>
  <tr>...</tr>
  <tr>...</tr>
  <tr>...</tr>
</tbody>

Это код, который я написал дляпоместите значения в два списка.

@Keyword

public getWebTable(){

  WebDriver driver = DriverFactory.getWebDriver();

  WebElement table = driver.findElement(By.xpath("//table/tbody"));

  List <WebElement> rowsTable = table.findElements(By.tagName('tr'));

  int rowsCount = rowsTable.size();

  System.out.println('Number of rows in the table are ' + rowsCount);

  for (int i = 0; i < rowsCount; i++) {

    List <WebElement> rowColumns = rowsTable.get(i).findElements(By.tagName('td'));

    int colsCount = rowColumns.size();

    System.out.println((('Number of columns in row number ' + i) + ' are ') + colsCount);

    for (int j = 0; j < colsCount; j++) {

      String content = rowColumns.get(j).getText();

      System.out.println((((('Element text in row number ' + i) + ' and column number ') + j) + ' is ') + content);

    }

  }

}

Это изображение веб-таблицы на сайте.Будем очень благодарны любой помощи.Спасибо.

изображение веб-таблицы с кнопкой увеличения и уменьшения

Answer 1

Вы можете проверить прямую indexOf() и WebElement в List<WebElement> или проверить индекс текстового значения следующим образом:

List<WebElement> elements = driver.findElements(By.id("someId")); // dummy locator
List<String> texts = new ArrayList<String>();
for (WebElement element: elements) {
    texts.add(element.getText());
}
int positionOfFoo1Text = texts.indexOf("Foo1") + 1; // indexed from 0
int positionOfFoo2Text = texts.indexOf("Foo2") + 1;

// clear texts before changing DOM
texts.clear();