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

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


# 今回のチャレンジ
- この度、Autify にて、Shadow DOMが対応された情報を確認しました。
- 早速、試してみましょう！

https://autify.com/ja/salesforce

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


## 検証用のシナリオ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/1973e04b-f591-f450-e208-9d1beacc9989.png)

### 【ステップ1】　ログイン処理
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/a9afe80f-1d39-62e7-5fed-c59bc444bfa6.png)

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

### 【ステップ2】　Lightning に切り替え
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/adb79d27-1566-c85b-818e-03568e3fc702.png)

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

### 【ステップ3】タブ「商談」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/358e3b1a-3ac7-90dc-101a-7582d3b3a8f7.png)

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

```XPath
/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】タブ「リード」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/be4df1aa-4118-cef1-b5ba-5b941c418589.png)

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

```XPath
/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」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/2fd4c723-8e75-827d-bdc1-12ba95aca27c.png)

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

```XPath
/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】タブ「ファイル」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/77d4cc12-d691-1649-77a9-a4622df658c4.png)

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

```XPath
/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】タブ「取引先」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/c6d0b6ff-f602-001f-e21d-9c156faef141.png)

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

```XPath
/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
```

## 実行結果
- 「要確認」が出てますが、正常終了していますね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/19b07d17-3899-d838-70c5-0c1284fd47c9.png)

- 正常に動作できてます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/309141/bc6c3a2e-556a-7b40-b46c-06f23873411e.png)

## 結論
- 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