トップページ > Selenium API(逆引き) > 【Java】dragAndDropBy/perform

【Java】dragAndDropBy/perform・・・要素を特定座標にドラッグ&ドロップする

【PR】業界トップクラスの「高単価報酬」「低マージン」を実現!レバテックフリーランス

「dragAndDropBy」「perform」を連続で実行することで要素を特定座標にドラッグ&ドロップすることが出来ます。

下記サンプルでは、Actionsクラスのインスタンス作成する為に、Actionsクラスのコンストラクタの引数に、対象driverを指定してインスタンスを作成しています。続いて作成したインスタンスに対して「dragAndDropBy」のメソッドを実行しています。このメソッドは第1引数で指定した要素をクリックしそのままドラッグ状態にします。続いて第2引数で、第1引数(要素)のX座標からX方向にどれだけ移動させるか(オフセット)を指定します。第3引数も同様に、第1引数(要素)のY座標からY方向にどれだけ移動させるか(オフセット)を指定します。最後に「perform」を実行することで、これまでのメソッドをビルドした後、実行していきます。

※アクションについてはこちら

説明

◆メソッド
  ・Actions dragAndDropBy(WebElement element,int xOffset,int yOffset)
                           :要素を指定座標にドラッグ&ドロップ
  ・void  perform()                 :処理の実行
◆使用形態
  ・action.dragAndDropBy(element,xOffset,yOffset)
                  .perform();
◆備考
  ・ドラッグ操作の"clickAndHold(element) "と座標指定の"moveByOffset(xOffset,yOffset)"
     とドロップ操作の"release()"を1つにしたメソッド
◆関連項目
  ・要素を他の要素へドラッグ&ドロップする
  ・キーボードを押しながら要素をクリックする

サンプル

import java.time.Duration;

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;

public class WebTest{
  public static void main(String[] args){
    //Chrome制御のためChromeDriverのパスを指定
    System.setProperty("webdriver.chrome.driver",
                                    "D:\\AutoTest\\chromedriver.exe");
    //Chromeを起動する
    WebDriver driver = new ChromeDriver();
    //指定したURLに遷移する
    driver.get("https://jqueryui.com/draggable/");
    //要素がロードされるまでの待ち時間を30秒に設定
    Duration waitTime = Duration.ofSeconds(30);
    driver.manage().timeouts().implicitlyWait(waitTime);
    //ドラッグ対象の要素が存在するフレームに切り替える
    driver.switchTo().frame(0);
    //IDが"draggable"の要素を取得(ドラッグ対象の要素)
    WebElement element = driver.findElement(By.id("draggable"));
    //要素をX方向に250ポイント,y方向に200ポイントドラッグアンドドロップさせる
    Actions action = new Actions(driver);
    action.dragAndDropBy(element,element.getLocation().getX()+200,
                        element.getLocation().getY()+150)
               .perform();
  }
}
※selenium version 4.1.4で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

dragAndDropBy
yajirushi
dragAndDropBy2

Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (403) User does not have sufficient permissions for this profile. in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php:110 Stack trace: #0 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(62): Google_Http_REST::decodeHttpResponse(Object(Google_Http_Request), Object(Google_Client)) #1 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Task/Runner.php(174): Google_Http_REST::doExecute(Object(Google_Client), Object(Google_Http_Request)) #2 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(46): Google_Task_Runner->run() #3 /home/users/1/monda-muki/web/seleniumqref in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110