[PANA-6072] add e2e test + fix types

Author: LFBarreto

packages/core/src/domain/telemetry/telemetryEvent.types.ts

@@ -476,6 +476,11 @@ export type TelemetryConfigurationEvent = CommonTelemetryProperties & {
        */
       beta_encode_cookie_options?: boolean
       [k: string]: unknown
+
+      /**
+       * Whether the allowed HTML attributes list is used
+       */
+      use_allowed_html_attributes?: boolean
     }
     [k: string]: unknown
   }

test/e2e/scenario/rum/actions.scenario.ts

@@ -781,3 +781,46 @@ test.describe('custom actions with startAction/stopAction', () => {
       expect(relatedFetch).toBeDefined()
     })
 })
+
+test.describe('action collection with composed path selector', () => {
+  createTest('should not return a composed_path_selector if flag is disabled')
+    .withRum({ trackUserInteractions: true })
+    .withBody(html`
+      <div id="container">
+        <button>Click</button>
+        <button id="my-button" data-test-allowed="test-btn" data-random="secret" class="foo bar baz">Click me</button>
+      </div>
+    `)
+    .run(async ({ intakeRegistry, flushEvents, page }) => {
+      const button = page.locator('#my-button')
+      await button.click()
+      await flushEvents()
+
+      const actionEvents = intakeRegistry.rumActionEvents
+      expect(actionEvents).toHaveLength(1)
+      expect(actionEvents[0]._dd.action?.target?.composed_path_selector).toBeUndefined()
+    })
+  createTest('should return a composed_path_selector if flag is enabled')
+    .withRum({
+      trackUserInteractions: true,
+      enableExperimentalFeatures: ['composed_path_selector'],
+      allowedHtmlAttributes: ['data-test-allowed'],
+    })
+    .withBody(html`
+      <div id="container">
+        <button>Click</button>
+        <button id="my-button" data-test-allowed="test-btn" data-random="secret" class="foo bar baz">Click me</button>
+      </div>
+    `)
+    .run(async ({ intakeRegistry, flushEvents, page }) => {
+      const button = page.locator('#my-button')
+      await button.click()
+      await flushEvents()
+
+      const actionEvents = intakeRegistry.rumActionEvents
+      expect(actionEvents).toHaveLength(1)
+      expect(actionEvents[0]._dd.action?.target?.composed_path_selector).toBe(
+        'BUTTON#my-button[data-test-allowed="test-btn"].bar.baz.foo:nth-child(2):nth-of-type(2);DIV#container;'
+      )
+    })
+})