章节十四、9-Actions类鼠标悬停、滚动条、拖拽页面上的元素

一、鼠标悬停

1、在web网站中，有一些页面元素只需要我们将鼠标指针放在上面就会出现被隐藏的下拉框或者其它元素，在自动化的过程中我们使用Actions类对鼠标进行悬停操作。

2、案例演示

package actionsclass;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
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;
import org.openqa.selenium.interactions.Actions;

class MouseHoverActions {

    WebDriver driver;
    String url;
    JavascriptExecutor jsp;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "file:///C:/Users/acer/Desktop/%E5%85%B6%E5%AE%83/PracticePage2.html";
        jsp = (JavascriptExecutor)driver;
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(2000, TimeUnit.SECONDS);
        driver.get(url);
    }

    @Test
    void test() throws InterruptedException {
        jsp.executeScript("window.scrollBy(0,600)");
        Thread.sleep(2000);
        WebElement subElement = driver.findElement(By.id("mousehover"));
//        new一个actions对象
        Actions action = new Actions(driver);
//        鼠标悬停在指定的元素上
        action.moveToElement(subElement).perform();
        Thread.sleep(2000);
//        操作悬停后的元素
        WebElement clickElement = driver.findElement(By.linkText("回到顶部"));
//        通过Actions类来执行点击操作
        action.moveToElement(clickElement).click().perform();
    }
    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }
}

二、拖拽页面上的元素

1、在web页面中，有时我们需要将元素从一个固定的位置通过鼠标拖拽到另一个位置，自动化的过程中我们可以通过Actions类来实现拖拽功能。

2、案例演示

package actionsclass;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
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.interactions.Actions;

class DragAndDropActions {
    
    WebDriver driver;
    String url;

    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "https://jqueryui.com/droppable/";
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(2000, TimeUnit.SECONDS);
        driver.get(url);
    }

    @Test
    void test() {
        driver.switchTo().frame(0);
        WebElement fromElement = driver.findElement(By.id("draggable"));
        WebElement toElement = driver.findElement(By.id("droppable"));
        Actions action = new Actions(driver);
        
//        方法一：直接拖拽
//        action.dragAndDrop(fromElement, toElement).build().perform();
        
//        方法二、分步骤进行拖拽
//        1、clickAndHold：点击需要拖拽的元素
//        2、moveToElement：移动到指定元素位置
//        3、release:松开鼠标
        action.clickAndHold(fromElement).moveToElement(toElement).release().build().perform();
    }
    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }
}

 三，滚动条

package actionsclass;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
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.interactions.Actions;

class SliderActions {

    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "https://jqueryui.com/slider/";
        driver.manage().window().maximize();
        driver.manage().timeouts().implicitlyWait(2000, TimeUnit.SECONDS);
        driver.get(url);
    }

    @Test
    void test() throws InterruptedException {
        driver.switchTo().frame(0);
        Thread.sleep(2000);
        WebElement element = driver.findElement(By.xpath("//div[@id='slider']/span"));
        Actions action = new Actions(driver);
//        横向移动滚动条
        action.dragAndDropBy(element, 100, 0).perform();
    }
    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }
}

如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴相互一起学习。

内容具有连惯性，未标注的地方可以看前面的博客，这是一整套关于ava+selenium自动化的内容，从java基础开始。

欢迎关注，转载请注明来源。