Autify で Salesforce を動かしてみよう～ vol.8 ShadowDOM・その１

はじめに

• Autify で Salesforce を動かしてみよう、と思い記事にしてみます。
• TIPSなども記載できれば、と考えています。

今回のチャレンジ

• この度、Autify にて、Shadow DOMが対応された情報を確認しました。
• 早速、試してみましょう！

※ 2021/9/18 現在 利用するにあたって、Autify のチャットから連絡する必要があります。

検証用のシナリオ

【ステップ1】　ログイン処理

• ログインを行います。
  • URL にユーザID とパスワードを指定する方法にしました。
  • https://qiita.com/xx_mana/items/38f88f5d5aa2d59c2afd の「自動化と組み合わせると便利な機能」参照

【ステップ2】　Lightning に切り替え

• Lightning モードに切り替えます。
  • Lightning と Classic については、以下をご参照ください
    • Salesforce いつも忘れちゃうことをまとめとく vol.2 ～ 基礎知識（Lightning と Classic）
      • https://qiita.com/xx_mana/items/bff9651220c3d628bf07
  • 直接 URL ジャンプで切り替えています。

【ステップ3】タブ「商談」をクリック

• タブ「商談」をクリックします。
• XPath を確認すると「one-appnav」などShadowDOMが利用されています。

/html/body/div[4]/div[1]/section/div[1]/div[1]/one-appnav/div/one-app-nav-bar/nav/div/one-app-nav-bar-item-root[2]/a/span

【ステップ4】タブ「リード」をクリック

• タブ「リード」をクリックします。
• XPath を確認すると「one-appnav」などShadowDOMが利用されています。

/html/body/div[4]/div[1]/section/div[1]/div[1]/one-appnav/div/one-app-nav-bar/nav/div/one-app-nav-bar-item-root[3]/a/span

【ステップ5】タブ「ToDo」をクリック

• タブ「ToDo」をクリックします。
• XPath を確認すると「one-appnav」などShadowDOMが利用されています。

/html/body/div[4]/div[1]/section/div[1]/div[1]/one-appnav/div/one-app-nav-bar/nav/div/one-app-nav-bar-item-root[4]/a/span

【ステップ6】タブ「ファイル」をクリック

• タブ「ファイル」をクリックします。
• XPath を確認すると「one-appnav」などShadowDOMが利用されています。

/html/body/div[4]/div[1]/section/div[1]/div[1]/one-appnav/div/one-app-nav-bar/nav/div/one-app-nav-bar-item-root[5]/a/span

【ステップ7】タブ「取引先」をクリック

• タブ「取引先」をクリックします。
• XPath を確認すると「one-appnav」などShadowDOMが利用されています。

/html/body/div[4]/div[1]/section/div[1]/div[1]/one-appnav/div/one-app-nav-bar/nav/div/one-app-nav-bar-item-root[6]/a/span

実行結果

• 「要確認」が出てますが、正常終了していますね。
  

• 正常に動作できてます。
  

結論

• ShadowDom 利用のサイト、Salesforce では Lightning に対しても Autify で実行できるようになりました！
• 詳しくは調べ切れていませんが、過去 ShadowDom を含むシナリオを作っていた場合、改めてレコーディングしたほうが良いようです。

ご了承ください

• まだまだ勉強中の部分もあります。間違っている箇所もあるかもしれません。
• Salesforce、Autify は、この時点のバージョン(2021年6月～7月頃) での内容になります。今後、仕様変更が変わることによって、内容の通りにならない可能性もあります。ご了承ください。
• また、URLなども変更になっている可能性もあります。

過去の記事

• Autify で Salesforce を動かしてみよう～ vol.0 準備編
• https://qiita.com/xx_mana/items/107eb97dcc0da26daeb8
• Autify で Salesforce を動かしてみよう～ vol.1 ログインへの道
• https://qiita.com/xx_mana/items/7f532a977184037ea80c
• Autify で Salesforce を動かしてみよう～ vol.2 JSステップ・現在の日時
• https://qiita.com/xx_mana/items/1642075b7fdb4950d419
• Autify で Salesforce を動かしてみよう～ vol.3 文字色のエラーチェック
• https://qiita.com/xx_mana/items/59e1cf5275ef0656d7c9
• Autify で Salesforce を動かしてみよう～ vol.4 もっと詳細なブラウザ情報ってとれるの？
• https://qiita.com/xx_mana/items/02bcbc7003566d2eef85
• Autify で Salesforce を動かしてみよう～ vol.5 Autify API を使ってみよう！
• https://qiita.com/xx_mana/items/9b87ad071f62a200f0c4
• Autify で Salesforce を動かしてみよう～ vol.6 Salesforce のメジャーリリース
• https://qiita.com/xx_mana/items/55b2d65c995ac62e2129
• Autify で Salesforce を動かしてみよう～ vol.7 Visualforce / Apex
• https://qiita.com/xx_mana/items/89d9dac362311190e8af