Selenium UI 举例 getCssValue

selenium jar包中，在WebElement的接口中，

String getCssValue(String var1);

可以通过标签，获取对应的css值。具体要怎么用呢，如下：

WebElement baidu = driver.findElement(By.id("su"));

su.getCssValue("font-size")

package main.java.aTestDirectory;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
import org.testng.annotations.Test;

public class TestBaiduElement {

    String url = "http://www.baidu.com/";

    @Test
    public void TestElement() {
        System.out.println("------Begin--------------");
        System.setProperty("webdriver.chrome.driver", ".\Tools\chromedriver.exe");
        WebDriver driver = new ChromeDriver();

        driver.get(url);

        (new WebDriverWait(driver, 30)).until(new ExpectedCondition<Boolean>() {
            public Boolean apply(WebDriver dr) {
                int index = dr.getPageSource().indexOf("百度一下");
                if (index != -1) {
                    return true; // 找到，退出等待
                } else {
                    return false; // 未找到，继续等待
                }
            }
        });


        WebElement baidu = driver.findElement(By.id("su"));
        System.out.println("border-bottom-color = " + baidu.getCssValue("border-bottom-color"));
        System.out.println("border-bottom-style = " + baidu.getCssValue("border-bottom-style"));
        System.out.println("border-bottom-width = " + baidu.getCssValue("border-bottom-width"));
        System.out.println("box-sizing = " + baidu.getCssValue("box-sizing"));
        System.out.println("color = " + baidu.getCssValue("color"));
        System.out.println("display = " + baidu.getCssValue("display"));
        System.out.println("text-align = " + baidu.getCssValue("text-align"));
        System.out.println("background = " + baidu.getCssValue("background"));
        System.out.println("line-height = " + baidu.getCssValue("line-height"));
        System.out.println("height = " + baidu.getCssValue("height"));
        System.out.println("font-family = " + baidu.getCssValue("font-family"));
        System.out.println("font-size = " + baidu.getCssValue("font-size"));
        System.out.println("margin-bottom = " + baidu.getCssValue("margin-bottom"));
        System.out.println("margin-top = " + baidu.getCssValue("margin-top"));
        System.out.println("margin-left = " + baidu.getCssValue("margin-left"));
        System.out.println("margin-right = " + baidu.getCssValue("margin-right"));


        //System.out.println(baidu.getText());
        driver.quit();
        System.out.println("------End--------------");
    }
}

　　

打印出来的结果：

通过Chrome校验下，注意要点击Computed下属性才能看出: