diff --git a/packages/react-ui-screenshot-tests/gemini/menu.js b/packages/react-ui-screenshot-tests/gemini/menu.js index a17b7ed1fb6..a509f5bdc32 100644 --- a/packages/react-ui-screenshot-tests/gemini/menu.js +++ b/packages/react-ui-screenshot-tests/gemini/menu.js @@ -61,4 +61,13 @@ gemini.suite('Menu', wrapperSuite => { gemini.suite('without Shadow', suite => { applyTest(renderStory('Menu', 'without Shadow'), suite); }); + + gemini.suite('with disabled MenuItem', suite => { + suite + .before(renderStory('Menu', 'with disabled MenuItem')) + .setCaptureElements(TEST_CONTAINER) + .capture('mouseenter', (actions, find) => { + actions.click(find('[data-tid="menuitem-notdisabled"]')); + }); + }); }); diff --git a/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/chrome.png b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/chrome.png new file mode 100644 index 00000000000..2b2b8a02fec --- /dev/null +++ b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/chrome.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a04e1968c6202ed11906bcf4a4eaa93ba0e676c397aed752d712f9bb45a6ce6e +size 1800 diff --git a/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/firefox.png b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/firefox.png new file mode 100644 index 00000000000..b885e80518f --- /dev/null +++ b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/firefox.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ce49acdc5bbb428ba23d3d31b55f01fbb4e8da2b3600cee136b83f7c5886c3e4 +size 1508 diff --git a/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/ie11.png b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/ie11.png new file mode 100644 index 00000000000..b2dce4af5d5 --- /dev/null +++ b/packages/react-ui-screenshot-tests/gemini/screens/Menu/with disabled MenuItem/mouseenter/ie11.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8ddd5803a5980794f7e56262d2ea41bea37e7bc9169274e5a4fa497e882c421f +size 1708 diff --git a/packages/retail-ui/components/Menu/__stories__/Menu.stories.tsx b/packages/retail-ui/components/Menu/__stories__/Menu.stories.tsx index 756f4ecce45..a5a511f6a3e 100644 --- a/packages/retail-ui/components/Menu/__stories__/Menu.stories.tsx +++ b/packages/retail-ui/components/Menu/__stories__/Menu.stories.tsx @@ -84,6 +84,12 @@ storiesOf('Menu', module) + )) + .add('with disabled MenuItem', () => ( +
)); class MoveControls extends React.Component { diff --git a/packages/retail-ui/components/MenuItem/MenuItem.tsx b/packages/retail-ui/components/MenuItem/MenuItem.tsx index 19adab6a92a..2d0731cb776 100644 --- a/packages/retail-ui/components/MenuItem/MenuItem.tsx +++ b/packages/retail-ui/components/MenuItem/MenuItem.tsx @@ -62,6 +62,8 @@ export default class MenuItem extends React.Component