python selemunでバーを移動させたい

Question

いくら調べてもそれらしい情報が出てこなくて困っています。

あるサイトのこのバーを右側に移動させたいのですが、これは可能でしょうか？
アイコンの選択画面で、範囲を決めるものです。

<div class="footer">
    <div class="pro-area">
        <div class="min"> </div>
        <div class="pro-warp"> <span class="point" style="transform: translateX(0px) translateZ(0px);"> </span> </div>
        <div class="max"> </div>
    </div> <button type="button" class="tb-btn tb-btn-primary tb-btn-middle confirm"> <span class="tb-btn-wrapper"> 提出 <
                /span> </button>
</div>

下記のようなもので、クリックは問題できます。『掴む』？といったこともselemunでできるのでしょうか？

driver.find_element_by_class_name('point').click()

追記:

バーを最大まですると、
style="transform: translateX(193px) translateZ(0px);"
となり、 translateXの値だけが変わるようです。

Answer 1

検証できないのですが
どうでしょうか？

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from time import sleep

～～ 略 ～～

element = driver.find_element_by_class_name('point')

sleep(3)

actions = ActionChains(driver)
actions.click_and_hold(element)
actions.move_by_offset(100,0)
actions.perform()

参考URL
https://www.seleniumqref.com/api/python/actions/Python_click_and_hold_move_by_offset.html
https://jqueryui.com/slider/

テスト

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from time import sleep


driver = webdriver.Chrome("Path to chromedriver.exe")
driver.get('https://jqueryui.com/slider/')

driver.implicitly_wait(10)
driver.maximize_window()

driver.switch_to.frame(0)

element = driver.find_element_by_id("slider")

sleep(3)

actions = ActionChains(driver)
actions.click_and_hold(element)
actions.move_by_offset(100,0)
actions.perform()

Comments

[Yuiti628]

ありがとうございます！！！！！！！
見事actions.move_by_offset(100,0)の数値を触ることでできました！

本当に助かりました

Answer 2

ドラッグアンドドロップはできます。

サンプル

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
import time
 
#ChromeDriverのパスを引数に指定しChromeを起動
driver = webdriver.Chrome("D:\chromedriver")
#指定したURLに遷移する
driver.get("https://www.xxx.com")
#要素がロードされるまでの待ち時間を30秒に設定
driver.implicitly_wait(30)
#カレントウインドウを最大化する
driver.maximize_window()
#ドラッグ対象の要素が存在するフレームに切り替える
driver.switch_to_frame(0)
#移動元の要素と移動先の要素を取得
source = driver.find_element_by_id("draggable")
target = driver.find_element_by_id("droppable")
#3秒間待機して移動前の位置を確認
time.sleep(3)
#移動元の要素をドラッグし移動先の要素へドラッグアンドドロップ
actions = ActionChains(driver)
actions.drag_and_drop(source,target)
actions.perform()

Comments

[Yuiti628]

回答ありがとうございます。
ActionChainsは一度試しました。
しかし、これは「移動元」と「移動先」があって初めてできるかと思います。

バーには　calss "point"しかありませんでした。

バーを最大まですると、
style="transform: translateX(193px) translateZ(0px);"
となり、 translateXの値だけが変わるようです。