Add interest target linking

This CL adds the frontend part for linking interesttarget=X to X in the
DOM tree.

Bug: 393244954
Change-Id: I088d32baff337f1372ffc68f6fd44e242d8c8f1c
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6277291
Commit-Queue: Changhao Han <[email protected]>
Auto-Submit: Changhao Han <[email protected]>
Reviewed-by: Eric Leese <[email protected]>

Author: hanselfmu-chromium

front_end/panels/elements/ElementsTreeElement.ts

@@ -208,6 +208,10 @@ const UIStrings = {
    *@description Text of a tooltip to redirect to another element in the Elements panel
    */
   showPopoverTarget: 'Show popover target',
+  /**
+   *@description Text of a tooltip to redirect to another element in the Elements panel
+   */
+  showInterestTarget: 'Show interest target',
   /**
    *@description Text of the tooltip for scroll adorner.
    */
@@ -1684,11 +1688,21 @@ export class ElementsTreeElement extends UI.TreeOutline.TreeElement {
       setValueWithEntities.call(this, attrValueElement, value);
     }
 
-    if (name === 'popovertarget') {
-      const linkedPart = value ? attrValueElement : attrNameElement;
-      void this.linkifyElementByRelation(
-          linkedPart, Protocol.DOM.GetElementByRelationRequestRelation.PopoverTarget,
-          i18nString(UIStrings.showPopoverTarget));
+    switch (name) {
+      case 'popovertarget': {
+        const linkedPart = value ? attrValueElement : attrNameElement;
+        void this.linkifyElementByRelation(
+            linkedPart, Protocol.DOM.GetElementByRelationRequestRelation.PopoverTarget,
+            i18nString(UIStrings.showPopoverTarget));
+        break;
+      }
+      case 'interesttarget': {
+        const linkedPart = value ? attrValueElement : attrNameElement;
+        void this.linkifyElementByRelation(
+            linkedPart, Protocol.DOM.GetElementByRelationRequestRelation.InterestTarget,
+            i18nString(UIStrings.showInterestTarget));
+        break;
+      }
     }
 
     if (hasText) {