ユースケース:Salesforce Lightning の要素セレクタ

Salesforce LightningAdoption設定を構成するとき、ここにある要素セレクターを使用して:

  • 動的識別子を避けることで、要素選択の安定性と信頼性を最大化します。

  • Salesforce Lightningからのウェブページ変更へのガイドの耐性を強化します。

Salesforce Lightning用の要素セレクター

Nexthinkで構成されたSalesforce Webアプリケーションのために、NexthinkのAdoption設定タブ > 設定サブタブ から:

  • 無視される要素ID: ^salesforce-lightning-tooltip-bubble_[a-f0-9-]+$, ^tt-for-\d+:\d+;a(-tt-adv)?$, ^calendarToggle-, ^\w{2}$, ^edit-, ^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$, ^[A-Z0-9]{18}$

  • 要素ID置換: このケースでは、IDまたはクラス名セレクターからシステムに動的コンポーネントおよび数字を除去し、関心のある静的セグメントのみを保持させます。

    • ID フィールドに ^(([a-zA-Z0-9]+[-_])+)(\d+)(:(\d+))?$ を入力してください。 このコードは、要素ID内の任意の番号を表しています。

    • Replacer フィールドに [id^="$1"][id$="$2"] を入力してください。 このコードは、ID内の番号の前後にある要素IDのセグメントを表しています。

    • 要素ID置換の例を以下でご覧ください。

  • 無視される要素クラス名: ^outputLookupLink-, ^sutbmqjadod$, ^ng-charthover$, ^idc0_\d+$, ^outputLookupLink-[A-Za-z0-9]+-703:0$, ^qe-subject-id-[A-Za-z0-9]+$, ^splashPage-r\d+$, ^slds-r\d+$, ^private-ssr-placeholder-class$ このコードはクラス名内の数字を表しています。

  • 含まれる要素のカスタム属性名: alt, aria-description, aria-label, data-component-id, data-id, data-key, data-name, data-label, icon-name, placeholder, scope, title, variant

  • ドロップダウンリストセレクター: 適切な機能の動作を保証するため、このフィールドを空のままにしてください。

要素ID置換の例

要素ID置換フィールドを次のように定義した後:

  • ID: ^(([a-zA-Z0-9]+[-_])+)(\d+)(:(\d+))?$

  • 置換: [id^="$1"][id$="$2"]

次の要素IDの例の場合:

<span id="entassetrequesttableall_23_EntAssetRequestTableCreate_label">abc</span>

  1. このCSS要素セレクタには動的な要素が含まれています—この場合、番号 23:

span#entassetrequesttableall_23_EntAssetRequestTableCreate_label.button-label:nth-child(3)
  1. システムは静的な要素のみを取り入れてCSSセレクタを修正します。その結果:

span.button-label[id^="entassetrequesttableall_"][id$="_EntAssetRequestTableCreate_label"]:nth-child(3)
  • [id^="entassetrequesttableall_"]は、要素IDがentassetrequesttableall_で始まることを意味します

  • [id$="_EntAssetRequestTableCreate_label"]は、要素IDが_EntAssetRequestTableCreate_labelで終わることを意味します

Last updated

Was this helpful?