1. 环境准备
在开始之前，请确保您的开发环境已配置好以下组件：
- Java Development Kit (JDK): 版本 8 或更高。
- Maven 或 Gradle: 用于项目依赖管理。
- Selenium WebDriver 库: 添加到您的项目依赖中。
- JUnit 或 TestNG: Java 测试框架，用于编写和运行测试。
- ChromeDriver: 与您的Chrome浏览器版本兼容的WebDriver可执行文件。
Maven 依赖示例:
org.seleniumhq.selenium selenium-java 4.1.2 org.junit.jupiter junit-jupiter-api 5.8.1 test org.junit.jupiter junit-jupiter-engine 5.8.1 test
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免费学习笔记（深入）”；
// ... 在 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 actualAmounts = extractAndCleanAmountData();
// 3. 创建一个期望的排序列表
List 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 actualAmounts = extractAndCleanAmountData();
// 3. 创建一个期望的排序列表
List expectedSortedAmounts = new ArrayList<>(actualAmounts);
Collections.sort(expectedSortedAmounts, Collections.reverseOrder()); // 降序排序
// 4. 验证实际数据是否与期望的降序数据一致
Assertions.assertEquals(expectedSortedAmounts, actualAmounts, "Amount列未按降序排列！");
System.out.println("Amount列已成功验证为降序排列。");
}
/**
* 辅助方法：提取并清洗“Amount”列的数据
* @return 包含Double类型金额的列表
*/
private List extractAndCleanAmountData() {
// 定位所有“Amount”列的数据单元格（假设“Amount”是第5列，且数据在span标签内）
List amountElements = driver.findElements(By.xpath("//*[@id=\"transactionsTable\"]/tbody/tr/td[5]/span"));
List 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. 第三步：提取并清洗表格数据
这一步是核心，它决定了我们如何从网页中获取数据并为数值比较做好准备。
- 定位数据单元格: 使用XPath或CSS选择器定位到表格中“Amount”列的所有数据单元格。根据HTML结构，示例网站的金额数据位于 id="transactionsTable" 表格的 tbody 下的 tr 中的 td (第五列) 内部的 span 标签中。
- 提取文本: 遍历所有定位到的WebElement，使用getText()方法获取其文本内容。
- 清洗数据: 原始文本可能包含货币符号（如“USD”）、千位分隔符（逗号）以及额外的空格。为了进行准确的数值比较，必须将这些非数字字符移除。
- 类型转换: 将清洗后的字符串转换为 Double 或 BigDecimal 类型。直接对字符串进行排序会导致词典序排序，而非数值排序（例如，“100”在字符串排序中可能排在“20”之后，但在数值排序中则相反）。
上述代码中的 extractAndCleanAmountData() 辅助方法已经实现了这一逻辑。
5. 第四步：验证数据排序顺序
在提取和清洗数据之后，我们需要验证实际获取的数据是否按照预期的顺序排列。
- 创建实际数据列表: actualAmounts 列表存储从UI中提取并清洗后的数值。
- 创建期望数据列表: expectedSortedAmounts 列表是 `actualAmounts
