feat: Add test and storybook for SubMenu. (#62)

src/components/SubMenu/index.test.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import SubMenu from './index';
+import { mount } from 'enzyme';
+
+describe('SubMenu', () => {
+  it('render simple SubMenu', () => {
+    const subMenu = mount(<SubMenu title="title" children="text" />);
+    expect(subMenu.find('ul.dropdown-menu').length).toBe(1);
+  });
+});

src/components/SubMenu/index.tsx

@@ -4,7 +4,7 @@ import { MenuItem } from 'react-bootstrap';
 import { SubMenuProps } from '../../interface';
 import './style.scss';
 
-const SubMenu: React.FC<SubMenuProps> = props => {
+const SubMenu = (props: SubMenuProps) => {
   const { title, children, name } = props;
   return (
     <div className="SubMenu" data-name={`SubMenu-${name}`}>

stories/SubMenu.stories.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { SubMenu } from '../src';
+
+const menuStyle = {
+  width: '100px',
+};
+const title = '第一层';
+const children = <div style={{ padding: '4px' }}>下一层</div>;
+storiesOf('SubMenu', module)
+  .add('default', () => (
+    <div>
+      <div style={menuStyle}>
+        <SubMenu title={title}>{children}</SubMenu>
+      </div>
+    </div>
+  ));