Excel VBA + Selenium Chromeで#shadow-rootの要素をクリックしたい

Question

VBAとSelenium Basicでスクレイピングを行っています。
モーダルウィンドウ上のボタンをクリックしたいのですが、うまくできません。

該当ボタンがshadow rootの要素であるため、ExecuteScriptを使用し、
returnされたものを変数にセットして「ゲストとして続ける」ボタンをクリックしようとしていますが、
以下のVBAのSet shadowRootの行でエラーが出ます。
どうすれば解決できるでしょうか。

宜しくお願いいたします。

実行時エラー '424':
オブジェクトが必要です。

Dim shadowRoot As Selenium.WebElement
   'Scriptを起動して指定したShadow-root部分をセット
    Set shadowRoot = driver.ExecuteScript _
        ("return document.querySelector('#root > kat-modal > div > kat-button.spacing-top-small')")
   shadowRoot.Click

<kat-modal no-close-icon="true" visible="true" class="redirect-modal" aria-role="dialog" aria-modal="true" aria-labelledby="title"><img src="https://m.media-amazon.com/images/G/01/rainier/nav/sc-unified._CB341165134_.png">
  <div slot="footer" class="redirect-modal-content">
    <div>
      <kat-label text="サインインすると、FBA料金シミュレーターに無制限にアクセスできます" variant="default"><span slot="private-light-dom"><label hidden=""><!----> <span part="label-text"><!---->サインインすると、FBA料金シミュレーターに無制限にアクセスできます<!----></span>
        <!---->
        </label>
        </span>
      </kat-label>
    </div>
    <kat-button class="spacing-top-medium" label="セラーセントラルにサインインします" variant="primary" size="base" type="button"></kat-button>
    <div class="redirect-divider-block">
      <kat-divider variant="athens" class="redirect-divider"></kat-divider>
      <kat-label text="または" class="redirect-divider-text" variant="default"><span slot="private-light-dom"><label hidden=""><!----> <span part="label-text"><!---->または<!----></span>
        <!---->
        </label>
        </span>
      </kat-label>
      <kat-divider variant="athens" class="redirect-divider"></kat-divider>
    </div>
    <kat-button class="spacing-top-small" label="ゲストとして続ける" variant="tertiary" size="base" type="button"></kat-button>
  </div>
</kat-modal>

Comments

[okakemetal]

document.querySelectorはIE6,IE7で動かず、IE8でもたまにバグが出たりするそうですが
利用されているブラウザは何を使用されてますでしょうか？

[Ryo3]

Google Chromeを使用しています。
バージョン: 101.0.4951.54（Official Build） （64 ビット）

Answer 1

shadow rootの直前の要素をクリックすることで解決できました。
ありがとうございました。

Answer 2

dim driver as new selenium.chromedriver
driver.get('URL')
driver.findelementbyclass("spacing-top-small").click

でどうですか

Comments

[Ryo3]

できませんでした。
通常の要素であればご回答いただいたようなクラス名を指定する方法で取得できますが、
#shadow-root内の要素の場合、通常のやり方では取得できないようです。