Java+Selenium3方法篇27-利用JS处理元素高亮显示

       这篇来玩一个好玩的测试，就是利用javascript让测试过程中的元素高亮显示，例如在登录框，让输入框背景颜色设置成黄色，边框设置2个像素，颜色是红色。这个问题，我在一家公司的笔试题上看见过，所以这里就实现了测试下。相关脚本如下。

package lessons;import java.util.concurrent.TimeUnit;import org.openqa.selenium.By;import org.openqa.selenium.JavascriptExecutor;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.chrome.ChromeDriver;public class ElementOpration {public static void main(String[] args) throws Exception {                  System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");                     WebDriver driver = new ChromeDriver();               driver.manage().window().maximize();                 driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);                  driver.get("https://www.baidu.com/");                 Thread.sleep(2000);                // 点击登录        driver.findElement(By.xpath("//*[@id='u1']/a[7]")).click();        Thread.sleep(500);                WebElement username = driver.findElement(By.id("TANGRAM__PSP_8__userName"));                // 创建一个JavascriptExecutor对象        JavascriptExecutor js= (JavascriptExecutor)driver;                username.sendKeys("abcdefg");        // 设置颜色        js.executeScript("arguments[0].setAttribute('style', 'background: yellow; border: 2px solid red;');",username);                WebElement password = driver.findElement(By.id("TANGRAM__PSP_8__password"));        js.executeScript("arguments[0].setAttribute('style', 'background: yellow; border: 2px solid red;');",password);                   }  }

       运行结果：输入过程不会变颜色，输入结束，里面变成我们想要的红色边框和黄色背景。这个效果，好像在公司里面给别人颜色demo，看起来很酷，其他的好像没有多大用处。