首页 > Java > java教程 > 正文

Java Selenium:验证网页表格数值列的排序功能

聖光之護
发布: 2025-10-10 14:50:41
原创
1005人浏览过

java selenium:验证网页表格数值列的排序功能

本教程详细阐述了如何使用Java Selenium验证网页表格中数值列(如金额)的排序功能。内容涵盖从页面导航、登录、触发排序事件到提取、清洗表格数据,并最终通过数值比较断言其升序或降序排列的完整流程,确保自动化测试的准确性。在自动化测试中,验证网页表格数据的排序功能是常见的需求,尤其对于金融、电商等涉及大量数值数据的应用。本教程将以一个具体的示例,指导读者如何使用Java和Selenium WebDriver实现这一验证过程。

1. 环境准备

在开始之前,请确保您的开发环境已配置好以下组件:

  • Java Development Kit (JDK): 版本 8 或更高。
  • Maven 或 Gradle: 用于项目依赖管理。
  • Selenium WebDriver 库: 添加到您的项目依赖中。
  • JUnit 或 TestNG: Java 测试框架,用于编写和运行测试。
  • ChromeDriver: 与您的Chrome浏览器版本兼容的WebDriver可执行文件。

Maven 依赖示例:

<dependencies>
    <dependency>
        <groupId>org.seleniumhq.selenium</groupId>
        <artifactId>selenium-java</artifactId>
        <version>4.1.2</version> <!-- 使用您需要的版本 -->
    </dependency>
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-api</artifactId>
        <version>5.8.1</version> <!-- 使用您需要的版本 -->
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.junit.jupiter</groupId>
        <artifactId>junit-jupiter-engine</artifactId>
        <version>5.8.1</version> <!-- 使用您需要的版本 -->
        <scope>test</scope>
    </dependency>
</dependencies>
登录后复制

2. 第一步:页面导航与用户登录

首先,我们需要初始化WebDriver,导航到目标网页的登录页面,并执行登录操作。

import org.junit.jupiter.api.*;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

import java.time.Duration;

public class TableSortVerificationTest {

    private static WebDriver driver;
    private static WebDriverWait wait;

    @BeforeAll
    public static void setup() {
        // 设置ChromeDriver路径,请根据您的实际路径修改
        System.setProperty("webdriver.chrome.driver", "path/to/your/chromedriver.exe");
        driver = new ChromeDriver();
        driver.manage().window().maximize(); // 最大化浏览器窗口
        wait = new WebDriverWait(driver, Duration.ofSeconds(10)); // 初始化显式等待
    }

    @BeforeEach
    public void login() {
        driver.get("https://sakshingp.github.io/assignment/login.html");

        // 等待用户名输入框可见并输入用户名
        wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("username"))).sendKeys("Lakshay");
        // 等待密码输入框可见并输入密码
        wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("password"))).sendKeys("Wingify");

        // 点击登录按钮
        wait.until(ExpectedConditions.elementToBeClickable(By.id("log-in"))).click();

        // 登录后等待页面跳转到home.html
        wait.until(ExpectedConditions.urlContains("home.html"));
    }

    // ... 后续测试方法 ...

    @AfterAll
    public static void tearDown() {
        if (driver != null) {
            driver.quit(); // 关闭浏览器
        }
    }
}
登录后复制

3. 第二步:触发表格列排序

登录成功后,页面会跳转到包含表格的页面。我们需要定位到“Amount”列的标题元素,并点击它以触发排序。通常,第一次点击会按升序排序,第二次点击则按降序排序。

立即学习Java免费学习笔记(深入)”;

序列猴子开放平台
序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

序列猴子开放平台 0
查看详情 序列猴子开放平台
// ... 在 TableSortVerificationTest 类中添加 ...

import org.openqa.selenium.WebElement;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class TableSortVerificationTest {
    // ... setup, login, tearDown methods ...

    @Test
    @DisplayName("验证Amount列的升序排序")
    public void verifyAmountColumnAscendingSort() {
        // 1. 点击“Amount”列头,触发升序排序
        WebElement amountHeader = wait.until(ExpectedConditions.elementToBeClickable(By.id("amount")));
        amountHeader.click();

        // 添加一个短暂的等待,确保页面数据已经重新加载和排序
        // 更好的做法是等待特定元素状态变化,例如等待表格行的文本发生变化或加载指示器消失
        // 这里我们简单等待表格第一行第一个单元格的文本变得“陈旧”,表示页面内容已刷新
        wait.until(ExpectedConditions.stalenessOf(driver.findElement(By.xpath("//*[@id=\"transactionsTable\"]/tbody/tr[1]/td[1]"))));

        // 2. 提取并清洗表格数据
        List<Double> actualAmounts = extractAndCleanAmountData();

        // 3. 创建一个期望的排序列表
        List<Double> expectedSortedAmounts = new ArrayList<>(actualAmounts);
        Collections.sort(expectedSortedAmounts); // 默认升序排序

        // 4. 验证实际数据是否与期望的升序数据一致
        Assertions.assertEquals(expectedSortedAmounts, actualAmounts, "Amount列未按升序排列!");
        System.out.println("Amount列已成功验证为升序排列。");
    }

    @Test
    @DisplayName("验证Amount列的降序排序")
    public void verifyAmountColumnDescendingSort() {
        // 首先点击一次,确保进入升序状态
        WebElement amountHeader = wait.until(ExpectedConditions.elementToBeClickable(By.id("amount")));
        amountHeader.click();
        wait.until(ExpectedConditions.stalenessOf(driver.findElement(By.xpath("//*[@id=\"transactionsTable\"]/tbody/tr[1]/td[1]"))));

        // 再次点击“Amount”列头,触发降序排序
        amountHeader.click();
        wait.until(ExpectedConditions.stalenessOf(driver.findElement(By.xpath("//*[@id=\"transactionsTable\"]/tbody/tr[1]/td[1]"))));

        // 2. 提取并清洗表格数据
        List<Double> actualAmounts = extractAndCleanAmountData();

        // 3. 创建一个期望的排序列表
        List<Double> expectedSortedAmounts = new ArrayList<>(actualAmounts);
        Collections.sort(expectedSortedAmounts, Collections.reverseOrder()); // 降序排序

        // 4. 验证实际数据是否与期望的降序数据一致
        Assertions.assertEquals(expectedSortedAmounts, actualAmounts, "Amount列未按降序排列!");
        System.out.println("Amount列已成功验证为降序排列。");
    }

    /**
     * 辅助方法:提取并清洗“Amount”列的数据
     * @return 包含Double类型金额的列表
     */
    private List<Double> extractAndCleanAmountData() {
        // 定位所有“Amount”列的数据单元格(假设“Amount”是第5列,且数据在span标签内)
        List<WebElement> amountElements = driver.findElements(By.xpath("//*[@id=\"transactionsTable\"]/tbody/tr/td[5]/span"));
        List<Double> amounts = new ArrayList<>();

        for (WebElement element : amountElements) {
            String text = element.getText();
            // 清洗字符串:移除“USD”、逗号、空格,并解析为Double
            // 示例数据可能包含负号,如 "- 250.00 USD"
            String cleanedText = text.replaceAll("USD", "")
                                     .replaceAll(",", "")
                                     .trim(); // 移除首尾空格
            amounts.add(Double.parseDouble(cleanedText));
        }
        return amounts;
    }
}
登录后复制

4. 第三步:提取并清洗表格数据

这一步是核心,它决定了我们如何从网页中获取数据并为数值比较做好准备。

  1. 定位数据单元格: 使用XPath或CSS选择器定位到表格中“Amount”列的所有数据单元格。根据HTML结构,示例网站的金额数据位于 id="transactionsTable" 表格的 tbody 下的 tr 中的 td (第五列) 内部的 span 标签中。
  2. 提取文本: 遍历所有定位到的WebElement,使用getText()方法获取其文本内容。
  3. 清洗数据: 原始文本可能包含货币符号(如“USD”)、千位分隔符(逗号)以及额外的空格。为了进行准确的数值比较,必须将这些非数字字符移除。
  4. 类型转换: 将清洗后的字符串转换为 Double 或 BigDecimal 类型。直接对字符串进行排序会导致词典序排序,而非数值排序(例如,“100”在字符串排序中可能排在“20”之后,但在数值排序中则相反)。

上述代码中的 extractAndCleanAmountData() 辅助方法已经实现了这一逻辑。

5. 第四步:验证数据排序顺序

在提取和清洗数据之后,我们需要验证实际获取的数据是否按照预期的顺序排列。

  1. 创建实际数据列表: actualAmounts 列表存储从UI中提取并清洗后的数值。
  2. 创建期望数据列表: expectedSortedAmounts 列表是 `actualAmounts

以上就是Java Selenium:验证网页表格数值列的排序功能的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号