data-test-id can be used with OverlayProps (#1275)

Co-authored-by: Dusty Greif <[email protected]>

Author: VanAnderson

.changeset/cool-rocks-drive.md

@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+data props can be used in overlayProps.

src/Overlay.tsx

@@ -65,6 +65,7 @@ export type OverlayProps = {
   onClickOutside: (e: TouchOrMouseEvent) => void
   onEscape: (e: KeyboardEvent) => void
   visibility?: 'visible' | 'hidden'
+  [additionalKey: string]: unknown
 } & Omit<ComponentProps<typeof StyledOverlay>, 'visibility' | keyof SystemPositionProps>
 
 /**

src/stories/ActionMenu.stories.tsx

@@ -97,6 +97,7 @@ export function SimpleListStory(): JSX.Element {
           onAction={onAction}
           anchorContent="Menu"
           overlayProps={{
+            'data-test-id': 'some_test_id',
             onMouseDown: (e: React.MouseEvent) =>
               // eslint-disable-next-line no-console
               console.log('onMouseDown in the internal Overlay can be useful for controlling event interactions', e)