Ensure Menu component has the data-rac data attribute (#6436)

Co-authored-by: Reid Barber <[email protected]>

Author: amitdahan

packages/react-aria-components/src/Menu.tsx

@@ -189,16 +189,22 @@ function MenuInner<T extends object>({props, collection, menuRef: ref}: MenuInne
     }
   }, [leftOffset, popoverContainer]);
 
+  let renderProps = useRenderProps({
+    defaultClassName: 'react-aria-Menu',
+    className: props.className,
+    style: props.style,
+    values: {}
+  });
+
   return (
     <FocusScope>
       <div
         {...filterDOMProps(props)}
         {...menuProps}
+        {...renderProps}
         ref={ref}
         slot={props.slot || undefined}
-        onScroll={props.onScroll}
-        style={props.style}
-        className={props.className ?? 'react-aria-Menu'}>
+        onScroll={props.onScroll}>
         <Provider
           values={[
             [MenuStateContext, state],

packages/react-aria-components/test/Menu.test.js

@@ -60,6 +60,16 @@ describe('Menu', () => {
     act(() => {jest.runAllTimers();});
   });
 
+  it('should have the base set of aria and data attributes', () => {
+    let {getByRole, getAllByRole} = renderMenu();
+    let menu = getByRole('menu');
+    expect(menu).toHaveAttribute('data-rac');
+
+    for (let menuitem of getAllByRole('menuitem')) {
+      expect(menuitem).toHaveAttribute('data-rac');
+    }
+  });
+
   it('should render with default classes', () => {
     let {getByRole, getAllByRole} = renderMenu();
     let menu = getByRole('menu');