「Selenium × Firefox × Python」で、ActionChainsモジュールで2回以上同じアクションを行う方法について

Question

前提・実現したいこと

「Selenium × Firefox × Python」の環境でブラウザ操作の自動化を行っています。

ActionChainsモジュールを使用した操作について、
2回以上同じ操作を行う際のコードの書き方をご教示ください。

【自動化したい処理について】
マウスのホバーでメニューが表示されるドロップダウンリストについて、
「リストにホバー → 任意のメニューを選択 → 表示された画面を閉じる」
という一連の操作を、ActionChainsモジュールのmove_to_element()メソッドを
使用して実現しようとしています。

【発生している事象】
該当のコードの20行目「actions.move_to_element(target_list).perform()」で
リストへのホバーが実行されず処理が停止する。

【期待値】
リストへのホバーが実行され、2回目以降の処理も停止せず実行されること

【備考】
Chromeで同様のコードを実行した場合は、問題なく最後まで処理が実行されました。

ご回答をよろしくお願いいたします。

該当のソースコード

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

# ----------------------------------------------------------------------------------------------------
driver = webdriver.Firefox(executable_path = "ドライバーパス")

driver.maximize_window()
driver.get("サイトURL")


## ホバーでメニューが表示されるドロップダウンリスト操作
actions = ActionChains(driver)
target_list = driver.find_element_by_xpath('リストのxpath')

# 1回目
actions.move_to_element(target_list).perform()
driver.find_element_by_xpath("XXXX").click() # 任意のメニューを選択
driver.find_element_by_xpath("XXXX").click() # 表示された画面を閉じる

# 2回目
actions.move_to_element(target_list).perform()
driver.find_element_by_xpath("XXXX").click() # 任意のメニューを選択
driver.find_element_by_xpath("XXXX").click() # 表示された画面を閉じる

driver.quit()
# ----------------------------------------------------------------------------------------------------

補足情報（FW/ツールのバージョンなど）

OS：Windows10 1909
言語：Python 3.7.3
ブラウザ：Firefox 78.0.2(64bit)
WEBドライバー：geckodriver.exe 0.26.0(64bit)

Answer 1

自己解決したので方法を記載しておきます。

結論から言うと、ActionChainsモジュールのインスタンスを生成後、
reset_actions()メソッドを呼び出し、保存されているアクションを逐一
解放してあげることで、同じ処理を複数回行うことができるようになりました。

■参考：非公式リファレンス「Selenium Python Bindings 2」
https://kurozumi.github.io/selenium-python/api.html#module-selenium.webdriver.common.action_chains

例として、質問文内の「該当のソースコード」の該当処理部分を
以下のように変更することで、コードの最後まで実行が可能となりました。

## ホバーでメニューが表示されるドロップダウンリスト操作
target_list = driver.find_element_by_xpath('リストのxpath')

# 1回目
actions = ActionChains(driver)
actions.move_to_element(target_list).perform()
driver.find_element_by_xpath("XXXX").click() # 任意のメニューを選択
driver.find_element_by_xpath("XXXX").click() # 表示された画面を閉じる

# 2回目
actions = ActionChains(driver)
actions.reset_actions() # キューに溜められたアクションを解放
actions.move_to_element(target_list).perform()
driver.find_element_by_xpath("XXXX").click() # 任意のメニューを選択
driver.find_element_by_xpath("XXXX").click() # 表示された画面を閉じる

※ 1回目の実行前のリセットは必要ありません。
※ 各実行ごとにインスタンスの生成(actions = ActionChains())を入れないとエラーとなります。

Answer 2

1回目が終わった後にもう一度

actions = ActionChains(driver)
target_list = driver.find_element_by_xpath('リストのxpath')

を入れてみてください。

コメントを受けて追記

だったらこれ試してみてください。

マウスのホバーとその後のクリックの代わりにこれをやるイメージです。

driver.execute_script('''
function post(path, params, method='post') {
  const form = document.createElement('form');
  form.method = method;
  form.action = path;

  for (const key in params) {
    if (params.hasOwnProperty(key)) {
      const hiddenField = document.createElement('input');
      hiddenField.type = 'hidden';
      hiddenField.name = key;
      hiddenField.value = params[key];

      form.appendChild(hiddenField);
    }
  }

  document.body.appendChild(form);
  form.submit();
}
post('/contact/', {name: 'Johnny Bravo'});
''')

DOM上に無理やりこのJSを出現させて実行するイメージです。
実際のところはGETリクエストになると思います。

Comments

[MT-333]

ご回答ありがとうございます！

ご指摘の通り、2回目の処理の直前に
actions = ActionChains(driver)
target_list = driver.find_element_by_xpath('リストのxpath')

を入れてみましたが、同様に2回目の処理で止まってしまいました。

また、2回目のインスタンス名と要素名をaction2、target_list2のように変えて取得も
試してみましたが、こちらも同様に止まってしまいます。

引き続きよろしくお願いします。

[shirai]

となると、私試したことないのでわからないですが、
firefoxとactionchainsの相性が悪いのかもしれません。
スクレイピングは往々にしてこういうことがよくあります。
ちなみに経験則的にはangularjsを使ったサイトとも非常に悪いです。

actions.move_to_element(target_list).perform()
driver.find_element_by_xpath("XXXX").click() # 任意のメニューを選択
という2行を実行することで実際に裏で行われることは、
なんらかのJSを実行することだと思います。
どうしてもfirefoxでやりたいというのなら、
actionchainsを諦めてこのJSを直に実行させる方が早いと思います。

driver.execute_script()
という関数があるので、中にJSを文字列で書き込んでやると実行されます。
driver.execute_script('document.getElementById("hoge").click()')
のような感じで使えます。

[MT-333]

>driver.execute_script()
>という関数があるので、中にJSを文字列で書き込んでやると実行されます。
>driver.execute_script('document.getElementById("hoge").click()')
>のような感じで使えます。

このような便利な関数があるのですね、初めて知りました。
ご教示いただきありがとうございます。

追加の質問で恐縮ですが、「要素にホバーする」という操作をJSではどのように
書けばよいでしょうか。調べているのですがなかなか見つからず...

というのも、要素をクリックするだけであればPythonでもできるので、
もともとは target_list についても target_list.click() のように書いていたのですが、
スクリプトを動かすと何故かうまく動作せず、クリックではなくホバーだと
うまく動作するので仕方なくActionChainsを採用していました。

よろしくお願いします。

[Reach]

横から失礼します

https://1-notes.com/javascript-mouse-hover-event/
https://teratail.com/questions/268966

上記 参考になりませんでしょうか？

[MT-333]

Beginner_ABC さん
ご回答ありがとうございます！

良く分かっておらずで申し訳ないのですが、
記載いただいたサイトでの addEventListener() で実現できる処理は、
「リストにマウスオーバーされたときに何らかのイベントを発火させる」メソッドかと思いますが、
「リストにマウスオーバー自体を行う」操作はJSでは難しいのでしょうか。。
(.click()でクリックを行うのと同じようなイメージです)

[shirai]

「表示された画面」について伺いたいのですが、
1. スクレイピングではなく手動で、ホバーできる画面を開いたところで、パソコンのインターネット接続を切って、目的の要素をクリックした時に、その画面は表示されるでしょうか。
2. 表示された画面というのはページが遷移するわけではなく、ajaxで一部分が変わるものですか、それとも、ポップアップが表示されますか。

[MT-333]

返信が遅くなりすみません。

1：ネットワーク接続を切った場合は表示されず、通信エラーとなります。
　(APIリクエストを行っているため)
2：ポップアップ(ダイアログ)表示になります。

よろしくお願いします。

[shirai]

追記しました

[MT-333]

記載いただいたjsのコードですが、すみません、私があまりjsに明るくないので
post()関数を呼び出す際にどのような引数を渡してあげればよいのかが良く分かっておりません。
内部処理としてはhiddenタイプのinput要素を生成し、それをinput→form→bodyと追加して
最後にsubmit()で送信しているという、なんとなくの流れは分かるのですが...

また、色々試してみましたがそもそも405エラーがサーバから返ってくるので、
サーバ側で不正なpostリクエストは許可されていないのかもしれません。

[shirai]

うーんなるほど。。。
2回目のactionsの宣言前にsleepを入れるとかでもないですよね。。。

こうなったらpyautoguiを使うしかなさそうですね。
ひとまずこのワードで検索してみていただけますか。
私も実際に使ったことがないのでよくは分かっていませんが、
DOMの状態などに影響は受けないはずです。

[MT-333]

返信が遅くなり申し訳ありません。

そうですね、sleep()などによるwaitでは解消されませんでした。
また、内部の作り的にpyautoguiモジュールのキー操作で要素にフォーカスし、
何らかのキー操作を行っても反応しなかったので、こちらについても対処は難しそうです。

しかし、色々と調べていましたら自己解決できましたので、同事象で困っている他ユーザの
ためにも別途記入しておきます。

shiraiさんには何度もご回答いただき大変助かりました。ありがとうございました。
また何かありましたらよろしくお願いいたします。

[Reach]

release() って 駄目でしょうか？

[MT-333]

「reset_actions()の代わりにrelease()で実現できるか？」という意味であれば、
私が試した限りではうまくいきませんでした。。
(引数の指定の仕方が間違っているだけかもしれませんが...)