0

このページの勤務地ボタンを押すとモーダルが表示されます。
モーダルの左メニューの地方をクリックするところまでは行けるのですが、例えば関西をクリック→大阪をクリックとしたい場合、大阪のチェックボックス(input要素)がnot visibleのためクリックできません。

当初はXpathでinput要素を取得していましたが、コードの方針を少し変えて、すべてのインプット要素をまず取得し、カスタム属性の値で特定のチェックボックスを見つけるようにしました。
チェックボックスは都道府県ごとにカスタム属性valueの値がことなるのでそのようにしました。
例:
 北海道地方を選択している状態では、北海道のチェックボックスのvalue属性の値はP01になっています。大阪府はP27です。

ですが、関西ボタンをクリックしたあとでも、value属性の値がP27になっている要素は見つからず、P01、つまり関西ボタンをクリックする前の北海道の状態のまま変わっていないということになります。

しかし、自動操作中のブラウザ画面ではちゃんと関西の画面に遷移しています。

    def condition_specification(self, start_url):
        """ 条件を指定したページを表示させる """

        self.browser.get(start_url)

        self.browser.find_element_by_xpath("/html/body/div[1]/div[3]/div/form/div/section[1]/div/table/tbody/tr[2]/td/div[2]/div[1]/a").click()


        # 地方ボタンをクリック (self.areaは地方ボタンの属性のバリューが入っている)
        area_buttons = self.browser.find_elements_by_class_name("modalChoice__item")
        for area_button in area_buttons:
            attr = area_button.get_attribute("data-large-cd")
            if attr == self.area:
                area_button.click()


        # 大阪府のチェックボックスをクリックする処理
        checkboxes = self.browser.find_elements_by_name("srPrefectureCdList")
        for checkbox in checkboxes:
            attr = checkbox.get_attribute("value")
            if attr == "P27": # P27は大阪府のチェックボックス要素
                # 大阪府のチェックボックスがクリックできるようになるまで待つ
                self.wait.until(EC.element_to_be_clickable(checkbox))
                # クリック
                checkbox.click()

        # サブミット
        # self.browser.find_element_by_xpath("/html/body/div[1]/div[9]/section/div[3]/div[2]/button").click()

大阪府のチェックボックスが見つからないということになりクリックされません。

javascriptでクリックする方法やActionChainで座標を指定してクリックする方法も試しましたがチェックボックスはチェックできませんでした。

TABボタンで要素を選択していき、SPACEキーでチェックする方法も試しましたが、SPACEキーを押すと画面のスクロールになってしまいチェックできませんでした。

なにか方法は無いものでしょうか・・・
よろしくお願いいたします。

1

1 件の回答 1

1

対象サイトを確認してみましたが都道府県の checkbox の input 要素はクリック可能にはならないようです。チェックのUI部品自体は checkbox_icon クラスが設定されている span 要素となっています。

対象の input 要素を検索した後にその親要素( label )を取り出してそちらをクリックしてみたらどうでしょうか?

    # 大阪府のチェックボックスをクリックする処理
    checkboxes = self.browser.find_elements_by_name("srPrefectureCdList")
    for checkbox in checkboxes:
        attr = checkbox.get_attribute("value")
        if attr == "P27": # P27は大阪府のチェックボックス要素
            # クリック
            label = checkbox.find_element_by_xpath('..')
            label.click()
4
  • ありがとうございます。クリックできました!
    – Ethree 8ch
    Commented 2019年4月18日 6:28
  • Chromeのデベロッパーツールで要素にホバーしたときに表示されるタグ名がクリック判定とってるんでしょうか
    – Ethree 8ch
    Commented 2019年4月18日 6:29
  • そうですね。チェックボックス部品がその実際の機能と値を持つinput要素と装飾用の span要素で構成されていて、inpu要素と同じ座標、同じ大きさで span要素を配置して、かつ上に重ねてあります。(input 要素が z-index : 1、span要素が z-index : 2 ) そのため input 要素はクリック可能な座標がなく、クリックできない、ということかと思います。
    – sa-y
    Commented 2019年4月18日 6:47
  • なるほどz-index・・・CSSもきちんと見ないとだめですね・・・大変参考になります。ありがとうございます!
    – Ethree 8ch
    Commented 2019年4月18日 7:12

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。