java - 如何使用 selenium webdriver 获取标签字段的颜色？

Question

我正在使用 selenium Web 驱动程序测试表单。当我输入无效的用户名时，用户名标签字段的颜色变为红色。我想使用 Selenium 获取该标签字段的颜色，以了解标签颜色是否变为红色的天气

Answer 1

请按如下方式操作:

1.对于任何标签，首先通过开发人员模式控制台在其上执行检查元素将显示分为两部分的开发人员窗口

2.左侧的一个窗口显示该标签的 HTML 源代码，屏幕右下角的另一个窗口显示与该 HTML 源代码关联的 CSS

3.在Style标签下我们可以查看与当前所选标签关联的CSS

现在是 Webdriver 代码

public static void main(String[] args) throws InterruptedException {
        // TODO Auto-generated method stub
        WebDriver driver = new FirefoxDriver();
        driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);
        driver.get("http:url/Login.html");

        // identifying color before entering any value inside the input box
        String visibilityBefore =driver.findElement(By.id("login-password")).getCssValue("border-bottom-color");
        // print that value 
        System.out.println(visibilityBefore);  // prints rgba(223, 223, 223, 1)
        Thread.sleep(1000);
        // click the login button without entering any value inside the 
        // user name and password to make red border come into action

        driver.findElement(By.xpath("//*[@type='submit']")).click();
        Thread.sleep(1000);
        // identifying color after clicking the login button
        String visibilityAfter =driver.findElement(By.id("login-password")).getCssValue("border-bottom-color");
        System.out.println(visibilityAfter); // prints rgba(255, 0, 0, 1)
    }

请找到示例快照以获得清晰的可见性:

如需更多帮助，另请查看How to Using Webdriver Selenium to get the value of "style" element