mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

Fix openKeys is not working when mode is switched, close #4876

Browse Source
This commit is contained in:
afc163 2017-02-15 16:24:56 +08:00
parent 9fede4a5cd
commit 4cbcc05b02
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/menu/__tests__/index.test.js
View File

@ -98,4 +98,21 @@ describe('Menu', () => {
wrapper.update();
// just expect no error emit
});
it('should always follow openKeys when mode is switched', () => {
const wrapper = mount(
<Menu openKeys={['1']} mode="inline">
<SubMenu key="1" title="submenu1">
<Menu.Item key="submenu1">Option 1</Menu.Item>
<Menu.Item key="submenu2">Option 2</Menu.Item>
</SubMenu>
<Menu.Item key="2">menu2</Menu.Item>
</Menu>
);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.setProps({ mode: 'vertical' });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.setProps({ mode: 'inline' });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
});
});

2
components/menu/index.tsx
View File

@ -88,7 +88,7 @@ export default class Menu extends React.Component<MenuProps, any> {
this.switchModeFromInline = true;
}
if ('openKeys' in nextProps) {
this.setOpenKeys(nextProps.openKeys);
this.setState({ openKeys: nextProps.openKeys });
}
}
handleClick = (e) => {