Add interaction Id to DOM event plugin (#163)

Co-authored-by: Ömer Aslan <[email protected]>

Author: omerfarukaslan

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

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