feat(media): add aria-label prop to media.menu

src/components/media/Media.md

@@ -17,7 +17,7 @@ const { MenuItem } = require('../menu');
   </Media.Figure>
 
   <Media.Body>
-    <Media.Menu>
+    <Media.Menu label="Options">
       <MenuItem>Edit</MenuItem>
       <MenuItem>Delete</MenuItem>
     </Media.Menu>

src/components/media/MediaMenu.js

@@ -15,13 +15,15 @@ type Props = {
     className?: string,
     /** is the dropdown menu button disabled */
     isDisabled: boolean,
+    /** aria-label prop for button icon */
+    label?: string,
 };
 
-function MediaMenu({ className, children, isDisabled = false, ...rest }: Props) {
+function MediaMenu({ className, children, isDisabled = false, label, ...rest }: Props) {
     return (
         <div className={classnames('bdl-Media-menu', className)} {...rest}>
             <DropdownMenu constrainToScrollParent isRightAligned>
-                <PlainButton isDisabled={isDisabled} type="button">
+                <PlainButton isDisabled={isDisabled} type="button" aria-label={label}>
                     <IconEllipsis color={bdlGray62} height={16} width={16} />
                 </PlainButton>
                 <Menu>{children}</Menu>

src/components/media/__tests__/MediaMenu-test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import MediaMenu from '../MediaMenu';
+
+describe('components/Media/MediaMenu', () => {
+    test('label prop adds aria-label attribute to menu button', () => {
+        const label = 'Open options';
+        const wrapper = shallow(<MediaMenu label={label} />);
+        expect(wrapper.find('PlainButton').prop('aria-label')).toBe(label);
+    });
+});