[SpeedDial] Fix react warnings

onKeyDown was applied to the button and the SpeedDialAction. However the
Action did not process onKeyDown and passing the same
event listener to different components is ambiguous.

Author: eps1lon

packages/material-ui-lab/src/SpeedDial/SpeedDial.js

@@ -158,19 +158,15 @@ class SpeedDial extends React.Component {
       return React.cloneElement(child, {
         delay,
         open,
-        onKeyDown: this.handleKeyDown,
         id: `${id}-item-${validChildCount}`,
       });
     });
 
     const icon = () => {
-      if (!React.isValidElement(iconProp)) {
-        return iconProp;
-      }
-      if (isMuiElement(iconProp, ['SpeedDialIcon'])) {
+      if (React.isValidElement(iconProp) && isMuiElement(iconProp, ['SpeedDialIcon'])) {
         return React.cloneElement(iconProp, { open });
       }
-      return icon;
+      return iconProp;
     };
 
     const actionsPlacementClass = {

packages/material-ui-lab/src/SpeedDial/SpeedDial.test.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { assert } from 'chai';
 import { spy } from 'sinon';
-import { createShallow, getClasses } from '@material-ui/core/test-utils';
+import { createMount, createShallow, getClasses } from '@material-ui/core/test-utils';
 import Icon from '@material-ui/core/Icon';
 import Button from '@material-ui/core/Button';
 import SpeedDial from './SpeedDial';
 import SpeedDialAction from '../SpeedDialAction';
 
 describe('<SpeedDial />', () => {
+  let mount;
   let shallow;
   let classes;
   const icon = <Icon>font_icon</Icon>;
@@ -17,6 +18,7 @@ describe('<SpeedDial />', () => {
   };
 
   before(() => {
+    mount = createMount();
     shallow = createShallow({ dive: true });
     classes = getClasses(
       <SpeedDial {...defaultProps} icon={icon}>
@@ -25,6 +27,16 @@ describe('<SpeedDial />', () => {
     );
   });
 
+  it('should render with a minimal setup', () => {
+    const wrapper = mount(
+      <SpeedDial {...defaultProps} icon={icon}>
+        <SpeedDialAction icon={<Icon>save_icon</Icon>} tooltipTitle="Save" />
+      </SpeedDial>,
+    );
+
+    wrapper.unmount();
+  });
+
   it('should render a Fade transition', () => {
     const wrapper = shallow(
       <SpeedDial {...defaultProps} icon={icon}>