Add interaction id to DOM event plugin

aws-observability · Jul 12, 2022 · ee8f548 · ee8f548
1 parent 4c3427a
commit ee8f548
Show file tree

Hide file tree

Showing 7 changed files with 161 additions and 205 deletions.
diff --git a/app/dom_event.html b/app/dom_event.html
@@ -47,7 +47,8 @@
 
             function registerDomEvents() {
                 cwr('registerDomEvents', [
-                    { event: 'click', cssLocator: '[label="label2"]' }
+                    { event: 'click', cssLocator: '[label="label2"]' },
+                    { event: 'click', cssLocator: '[label^="button-"]' }
                 ]);
             }
         </script>
@@ -90,6 +91,14 @@
         </button>
         <button id="button5" label="label2">Button Five</button>
         <hr />
+        <button id="button6" data-rum-id="button-six" label="button-label1">
+            Button Six
+        </button>
+        <button id="button7" data-rum-id="button-seven" label="button-label2">
+            <span>Button Seven</span>
+        </button>
+        <button>Button Eight</button>
+        <hr />
         <button id="dispatch" onclick="dispatch()">Dispatch</button>
         <button id="clearRequestResponse" onclick="clearRequestResponse()">
             Clear

diff --git a/app/dom_event_mutation_observer_enabled.html b/app/dom_event_mutation_observer_enabled.html
@@ -47,7 +47,8 @@
 
             function registerDomEvents() {
                 cwr('registerDomEvents', [
-                    { event: 'click', cssLocator: '[label="label2"]' }
+                    { event: 'click', cssLocator: '[label="label2"]' },
+                    { event: 'click', cssLocator: '[label^="button-"]' }
                 ]);
             }
         </script>
@@ -90,6 +91,14 @@
         </button>
         <button id="button5" label="label2">Button Five</button>
         <hr />
+        <button id="button6" data-rum-id="button-six" label="button-label1">
+            Button Six
+        </button>
+        <button id="button7" data-rum-id="button-seven" label="button-label2">
+            <span>Button Seven</span>
+        </button>
+        <button>Button Eight</button>
+        <hr />
         <button id="dispatch" onclick="dispatch()">Dispatch</button>
         <button id="clearRequestResponse" onclick="clearRequestResponse()">
             Clear