Selenium教程

Selenium WebDriver拖放

在本节中，您将学习如何在Selenium WebDriver中执行诸如拖放的复杂操作。

在继续本节之前，让我们首先了解有关拖放操作的一些概念。

Selenium WebDriver中的操作

为了执行复杂的用户交互(例如拖放)，我们在Selenium WebDriver中有一个Actions类。使用Actions类，我们首先构建一系列复合事件，然后使用Action(代表单个用户交互的接口)执行该事件。我们将在此处使用的Actions类的不同方法是-

clickAndHold(WebElement元素)-单击中间的一个Web元素(不释放)。 moveToElement(WebElement元素)-无需单击即可将鼠标指针移动到Web元素的中间。释放(WebElement元素)-释放左键单击(处于按下状态)。 build()-生成复合动作

让我们考虑一个测试案例，在该案例中，我们将自动执行以下方案:

调用Firefox浏览器打开URL: https://www.testandquiz.com/selenium/testing.html 在文本框中拖放lidihuo图标

我们将逐步创建测试用例，以使您全面了解如何处理WebDriver中的拖放操作。

Step1、启动Eclipse IDE，并打开我们在本教程前面的课程中创建的现有测试套件" Demo_Test"。

Step2、右键单击" src"文件夹，然后从 New> Class 创建新的类文件。

使用" Dragdrp_Test"作为类名，然后单击"完成"按钮。

Step3、让我们进入编码基础。

要调用Firefox浏览器，我们需要下载Gecko驱动程序并设置Gecko驱动程序的系统属性。我们已经在本教程的早期课程中对此进行了讨论。您可以参考"在Firefox浏览器上运行测试" 了解如何下载和设置Firefox驱动程序的系统属性。

这是为Gecko驱动程序设置系统属性的示例代码:

  // System Property for Gecko Driver 
    System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );

之后，我们必须使用所需功能类来初始化Gecko驱动程序。

这是使用DesiredCapabilities类初始化壁虎驱动程序的示例代码。

  // Initialize Gecko Driver using Desired Capabilities Class
        DesiredCapabilities capabilities = DesiredCapabilities.firefox();
        capabilities.setCapability("marionette",true);
        WebDriver driver= new FirefoxDriver(capabilities);

结合以上两个代码块，我们将获得启动Firefox浏览器的代码段。

      // System Property for Gecko Driver 
    System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );
        
     // Initialize Gecko Driver using Desired Capabilities Class
    DesiredCapabilities capabilities = DesiredCapabilities.firefox();
    capabilities.setCapability("marionette",true);
    WebDriver driver= new FirefoxDriver(capabilities);

此后，我们需要编写代码，该代码将使我们的第二个测试场景自动化(导航到所需的URL)

以下是用于导航至所需URL的示例代码:

// Launch Website
driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");

到目前为止，完整的代码如下所示:

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
public class Dragdrp_Test {
    public static void main(String[] args) {
        
    // System Property for Gecko Driver 
        System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );
            
    // Initialize Gecko Driver using Desired Capabilities Class
            DesiredCapabilities capabilities = DesiredCapabilities.firefox();
            capabilities.setCapability("marionette",true);
            WebDriver driver= new FirefoxDriver(capabilities);
        
      // Launch Website
driver.navigate().to("https://www.testandquiz.com/selenium/testing.html"); 
    
    }
}

Step4、现在，我们将尝试找到lidihuo图标和文本框，以执行拖放操作。众所周知，定位元素涉及对其HTML代码的检查。

请按照以下步骤在示例网页上找到下拉菜单。

打开URL: https://www.testandquiz.com/selenium/testing.html 右键单击lidihuo图标，然后选择"检查元素"。 Selenium WebDriver-拖放

它将启动一个窗口，其中包含开发lidihuo徽标所涉及的所有特定代码。 Selenium WebDriver-拖放

记下其id属性，即sourceImage Selenium WebDriver-拖放

同样，我们将检查在其中必须放置徽标的文本框。

记下其id属性，即targetDiv Selenium WebDriver-拖放

Step5、要使我们的第三和第四测试场景自动化，我们需要编写将对lidihuo徽标执行拖放操作的代码。

下面是执行拖放操作的代码段。

//WebElement on which drag and drop operation needs to be performed
WebElement from = driver.findElement(By.id("sourceImage"));
//WebElement to which the above object is dropped
WebElement to = driver.findElement(By.id("targetDiv");
 
//Creating object of Actions class to build composite actions
Actions act = new Actions(driver);
 
//Performing the drag and drop action
act.dragAndDrop(from,to).build().perform();

因此，我们的最终测试脚本将如下所示:

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.remote.DesiredCapabilities;
public class Dragdrp_Test {
    public static void main(String[] args) {
        
        // System Property for Gecko Driver 
        System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );
            
        // Initialize Gecko Driver using Desired Capabilities Class
            DesiredCapabilities capabilities = DesiredCapabilities.firefox();
            capabilities.setCapability("marionette",true);
            WebDriver driver= new FirefoxDriver(capabilities);
        
        // Launch Website
            driver.navigate().to("https://www.testandquiz.com/selenium/testing.html"); 
            
        //WebElement on which drag and drop operation needs to be performed
            WebElement from = driver.findElement(By.id("sourceImage"));
        //WebElement to which the above object is dropped
            WebElement to = driver.findElement(By.id("targetDiv"));
             
        //Creating object of Actions class to build composite actions
            Actions act = new Actions(driver);
             
        //Performing the drag and drop action
            act.dragAndDrop(from,to).build().perform(); 
    }
}

以下屏幕截图显示了我们测试脚本的Eclipse窗口。

Step6、右键单击Eclipse代码，然后选择运行方式> Java应用程序。

执行后，上述测试脚本将启动Firefox浏览器并自动执行所有测试方案。

您可以看到lidihuo徽标

找工作要求35岁以下，35岁以上的程序员都干什么去了？

长久以来，一直有一个问题困扰着技术人——如何打破“程序员的35岁职业魔咒”，这一天迟早会到来，或早或晚。

或许是选错了行业，程序员薪水虽高，但光鲜的外表下，背后的苦衷只有自己知道。三十多岁本该是一个人事业的黄金期，但技术变化日新月异，行业竞争异常残酷，对一个企业来说，永远有比你更年轻、劳动成本更低的人可以选择，这让你的中年危机提前到来。破局的智慧可以看看这本书！>>

<< WebDriver下拉菜单 WebDriver处理警报 >>

昵称：邮箱：