如何用 Selenide 校验 Web 网页中的占位符文本？

2024-03-23 22:33:13

用 Selenide 校验网页中的占位符文本

引言

占位符文本是一种广泛运用于 Web 开发的技术，它为输入字段提供提示或指导信息，引导用户输入所需的数据。校验占位符文本至关重要，因为它关系到 Web 应用程序的可用性和用户体验。本文将介绍如何使用 Selenide，一个开源的 Java 库，轻松而高效地校验 Web 网页中的占位符文本。

步骤详解

导入依赖项

import static com.codeborne.selenide.Selenide.$;
import static com.codeborne.selenide.Selenide.open;

打开目标网页

open("https://example.com");

定位输入字段

使用 $("你的 CSS 路径") 定位输入字段，例如：

$("input[name='money']");

获取占位符文本

使用 getAttribute("placeholder") 获取占位符文本：

String placeholderText = $("input[name='money']").getAttribute("placeholder");

校验占位符文本

使用 assertEquals 断言校验占位符文本：

assertEquals("你的预期占位符文本", placeholderText);

示例代码

以下代码演示了如何校验网页中的占位符文本：

import static com.codeborne.selenide.Selenide.$;
import static com.codeborne.selenide.Selenide.open;
import static org.junit.jupiter.api.Assertions.assertEquals;

public class PlaceholderTextValidationTest {

    @Test
    void shouldValidatePlaceholderText() {
        open("https://example.com");

        String placeholderText = $("input[name='money']").getAttribute("placeholder");

        assertEquals("Your amount value (1 to 100)", placeholderText);
    }
}