WebDriver 高级操作事件

一、标签页Tag的操作

1、打开一个新的标签页，并关闭原先的tag。

public static void getNewTag(WebDriver driver, String url) {
    JavascriptExecutor executor = (JavascriptExecutor) driver;
    executor.executeScript("function createDoc(){var w = window.open(); w.document.open(); w.document.write('
Hello World!
'); w.document.close();}; createDoc();");
    sleep();
    driver.close();
    ArrayList tabs = new ArrayList<>(driver.getWindowHandles());
    driver.switchTo().window(tabs.get(0)); //switches to new tab
    driver.get(url);
    sleep();
}

二、滚动条的操作。

public static void scroll(WebDriver driver) {
    JavascriptExecutor executor = (JavascriptExecutor) driver;
    //移动到窗口的底端。
    executor.executeScript("window.scrollTo(0,document.body.scrollHeight)");
    sleep();
    //移动到窗口的顶端。
    executor.executeScript("window.scrollTo(0,0-document.body.scrollHeight)");
    sleep();
    //移动到元素element对象的顶端与当前窗口的顶部对齐，scrollIntoView（默认是true），可加可不可加。
    WebElement testElement=driver.findElement(By.cssSelector("#just-a-test-id"));
    //executor.executeScript("arguments[0].scrollIntoView();",testElement );
    executor.executeScript("arguments[0].scrollIntoView(true);",testElement );
    sleep();
    //移动到元素element对象的底端与当前窗口的底部对齐。
    executor.executeScript("arguments[0].scrollIntoView(false);", testElement);
    sleep();
 }

三、鼠标的点击和拖拽操作。

1、鼠标左键点击 
    Actions action = new Actions(driver);action.click();// 鼠标左键在当前停留的位置做单击操作  
    action.click(driver.findElement(By.name(element)))// 鼠标左键点击指定的元素 

2、鼠标右键点击 
    Actions action = new Actions(driver);  
    action.contextClick();// 鼠标右键在当前停留的位置做单击操作  
    action.contextClick(driver.findElement(By.name(element)))// 鼠标右键点击指定的元素 

3、鼠标双击操作 
    Actions action = new Actions(driver);  
    action.doubleClick();// 鼠标在当前停留的位置做双击操作  
    action.doubleClick(driver.findElement(By.name(element)))// 鼠标双击指定的元素 

4、鼠标拖拽动作 
    Actions action = new Actions(driver);  
    // 鼠标拖拽动作，将 source 元素拖放到 target 元素的位置。  
    action.dragAndDrop(source,target); 
    // 鼠标拖拽动作，将 source 元素拖放到 (xOffset, yOffset) 位置，其中 xOffset 为横坐标，yOffset 为纵坐标。 
    action.dragAndDrop(source,xOffset,yOffset); 

    在这个拖拽的过程中，已经使用到了鼠标的组合动作，首先是鼠标点击并按住 (click-and-hold) source 元素，然后执行鼠标移动动作 (mouse move)，移动到 target 元素位置或者是 (xOffset, yOffset) 位置，再执行鼠标的释放动作 (mouse release)。所以上面的方法也可以拆分成以下的几个执行动作来完成： 
    action.clickAndHold(source).moveToElement(target).perform();
    action.release(); 

5、鼠标悬停操作 
    Actions action = new Actions(driver);  
    action.clickAndHold();// 鼠标悬停在当前位置，既点击并且不释放  action.clickAndHold(onElement);// 鼠标悬停在 onElement 元素的位置 
    action.clickAndHold(onElement) 
    
    这个方法实际上是执行了两个动作，首先是鼠标移动到元素 onElement，然后再 clickAndHold, 所以这个方法也可以写成 
    action.moveToElement(onElement).clickAndHold()。 

6、鼠标移动操作 
    Actions action = new Actions(driver);  
    action.moveToElement(toElement);// 将鼠标移到 toElement 元素中点 // 将鼠标移到元素 toElement 的 (xOffset, yOffset) 位置， 
    //这里的 (xOffset, yOffset) 是以元素 toElement 的左上角为 (0,0) 开始的 (x, y) 坐标轴。 
    action.moveToElement(toElement,xOffset,yOffset) 
    // 以鼠标当前位置或者 (0,0) 为中心开始移动到 (xOffset, yOffset) 坐标轴  
    action.moveByOffset(xOffset,yOffset); 
    action.moveByOffset(xOffset,yOffset) 这里需要注意，如果 xOffset 为负数，表示横坐标向左移动，yOffset 为负数表示纵坐标向上移动。而且如果这两个值大于当前屏幕的大小，鼠标只能移到屏幕最边界的位置同时抛出 MoveTargetOutOfBoundsExecption 的异常。 鼠标移动操作在测试环境中比较常用到的场景是需要获取某元素的 flyover/tips，实际应用中很多 flyover 只有当鼠标移动到这个元素之后才出现，所以这个时候通过执行moveToElement(toElement) 操作，就能达到预期的效果。但是根据我个人的经验，这个方法对于某些特定产品的图标，图像之类的 flyover/tips 也不起作用，虽然在手动操作的时候移动鼠标到这些图标上面可以出现 flyover, 但是当使用 WebDriver 来模拟这一移动操作时，虽然方法成功执行了，但是 flyover 却出不来。所以在实际应用中，还需要对具体的产品页面做相应的处理。

 7、鼠标释放操 
    Actions action = new Actions(driver);   
    action.release();// 释放鼠标