27. 遍历表元素_Selenium 自动化测试教程

欢迎回来，勇士们！我们刚刚看到了如何检查使用和不使用 XPath 的表的特定单元格中是否存在特定的数据。是时候遍历每个元素并可视化 Selenium WebDriver 的功能了。让我们回到我们的演示站点并关注“书籍&作者”表以了解这一概念。

步骤 1：

使用其 ID “BooksAuthorsTable”找到“图书&作者”表。 HTML 代码如下：
```
<table id="BooksAuthorsTable" class="table table-bordered">
```

代码：

WebElement BooksTable = driver.findElement(By.id("BooksAuthorsTable"));

步骤 2：

使用 XPath 计算行和列的总数 。

让我们使用绝对 XPath 查找总行数。请注意，XPath 以标签名称“tr”结尾。 size()方法给出使用 XPath 由findElements()返回的元素数。

代码：

int rowNum = driver.findElements(By.xpath("/html/body/form/div[5]/div/div/table/tbody/tr")).size();

让我们稍微切换一下齿轮，并使用相对 XPath 查找总列数。

代码：

int colNum = driver.findElements(By.xpath("//table[@id='BooksAuthorsTable']/tbody/tr[1]/th")).size();

这种查找行和列总数的方法在表的行和列动态变化的情况下很有用。

步骤 3：

遍历表元素

如果表的行和列号固定为，那么遍历每个表元素将变得非常容易。可以使用两个for()循环，一个用于行，另一个用于访问列值。

代码：

for(int i=2; i<=6; i++){
for(int j=1; j<=4; j++){
    System.out.print(driver.findElement(By.
xpath("//table[@id='BooksAuthorsTable']/tbody/tr[" + i +"]/td[" + j + "]")).getText() + "\t");
    }
    System.out.println("");
}

有一天，如果幸运的话，您可能会偶然发现一个表，该表在每次页面刷新时都会动态加载，因此行数通常会有所不同。因此，每执行一次测试便要计算行数。

首先，让我们获取所有标签名称为“”的元素，并将它们放在名为“rowVals”的列表中。
```
List<WebElement> rowVals = BooksTable.findElements(By.tagName("tr"));
```
要从第一行获取标头元素，请找到所有标签名称为“th”的元素，并将其放在名为“colHeader”的列表中。
```
List<WebElement> colHeader = rowVals.get(0).findElements(By.tagName("th"));
```
要将每个标题文本打印到控制台，请遍历colHeader列表中的标题值并使用getText()方法。
```
for(int i=0; i<colHeader.size(); i++){
System.out.println(colHeader.get(i).getText());
}
```

要将表内容打印到控制台，请遍历每一行。对于每一行，遍历每一列，并使用相同的getText()方法打印值。

for(int i=1; i<rowNum; i++){
List<WebElement> colVals = rowVals.get(i).findElements(By.tagName("td"));
for(int j=0; j<colNum; j++){
        System.out.println(colVals.get(j).getText());
    }
}

您有能力集中精力下坡吗？如果是，让我们看看 BrainBell！

BrainBell – 可视化！ 我们大多数人都知道，为我们希望记住的概念创建心理图片比单词更清晰，更容易记住。我们不知道或做的是仔细观察它几秒钟。这将有助于轻松调用它。

场景

打开 Firefox 浏览器
导航到演示站点
使用 ID 定位“图书&作者”表
使用绝对 XPath 获取总行数
使用相对 XPath 获取总列数
将行数和列数打印到控制台
通过标签名称“tr”获取所有行值
通过标签名称“th”获取列表中的列标题值
循环浏览标题值并将其打印到控制台
遍历表内容（每一行的所有列）并获取其文本
将值打印到控制台
使用固定的行号和列号将表内容打印到控制台

此方案的 JUnit 代码是：

package com.blog.junitTests;
import java.util.List;
import java.util.concurrent.TimeUnit;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
public class LoopingThroughTableElements {
    // Declaring variables
        private WebDriver driver;
        private String baseUrl;
        @Before
        public void setUp() throws Exception {
            // Selenium version 3 beta releases require system property set up
            System.setProperty("webdriver.gecko.driver", "E:\\Softwares\\"Selenium\\geckodriver-v0.10.0-win64\\geckodriver.exe");
            // Create a new instance for the class FirefoxDriver
            // that implements WebDriver interface
            driver = new FirefoxDriver();
            // Implicit wait for 5 seconds
            driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
            // Assign the URL to be invoked to a String variable
            baseUrl = " https://chandanachaitanya.github.io/selenium-practice-site/";
        }
        @Test
        public void testPageTitle() throws Exception {
            // Open baseUrl in Firefox browser window
            driver.get(baseUrl);
            // Locate 'Books & Authors' table using id
            WebElement BooksTable = driver.findElement(By.id("BooksAuthorsTable"));
            //Get all web elements by tag name 'tr'
            List<WebElement> rowVals = BooksTable.findElements(By.tagName("tr"));
            //Get number of rows and columns
            //using absoulute xpath
            int rowNum = driver.findElements(By.xpath("/html/body/form/div[5]/div/div/table/tbody/tr")).size();
            //using relative xpath
            int colNum = driver.findElements(By.xpath("//table[@id='BooksAuthorsTable']/tbody/tr[1]/th")).size();
            System.out.println("Total number of rows = " + rowNum);
            System.out.println("Total number of columns = " + colNum);
            //Get column header values from first row
            List<WebElement> colHeader = rowVals.get(0).findElements(By.tagName("th"));
            //Loop through the header values and print them to console
            System.out.println("Header values:");
            for(int i=0; i<colHeader.size(); i++){
                System.out.println(colHeader.get(i).getText());
            }
            System.out.println("---------------");
            //Loop through the remaining rows
            for(int i=1; i<rowNum; i++){
                //Get each row's column values by tag name
                List<WebElement> colVals = rowVals.get(i).findElements(By.tagName("td"));
                //Loop through each column
                for(int j=0; j<colNum; j++){
                    //Print the coulumn values to console
                    System.out.println(colVals.get(j).getText());
                }
                //Just a separator for each row
                System.out.println("---------------");
            }      
            //Printing table contents to console for fixed row and column numbers
            for(int i=2; i<=6; i++){
                for(int j=1; j<=4; j++){
                    System.out.print(driver.findElement(By.
                            xpath("//table[@id='BooksAuthorsTable']/tbody/tr[" + i +"]/td[" + j + "]")).getText() + "\t");
                }
                System.out.println("");
            }
        } //End of @Test
        @After
        public void tearDown() throws Exception {
            // Close the Firefox browser
            driver.close();
        }
    }

执行结果：

到目前为止，每行代码都作为概念的一部分进行了很好的解释。注意到 Eclipse IDE 的 JUnit 视图后，绿色条显示测试用例已成功执行。

Table looping eclipse output

控制台窗口显示没有任何错误。它还按预期显示固定和动态计算的行数和列数的打印表内容。

Table looping console output

下一节：嗨呀爱好者！想知道为什么 Selenium WebDriver 中存在警报界面？好吧，我的朋友，对于您所寻找的信息，仅此帖子即可。我们将讨论基本上属于三种类型的弹出框-警报框，确认框和提示框。与往常一样，我们有演示站点来说明这些概念。