text: import React from 'react';
  import { mount } from 'enzyme';
  import Menu from '..';
  
  const SubMenu = Menu.SubMenu;
  
  describe('Menu', () => {
    it('should accept defaultOpenKeys in mode horizontal', () => {
      const wrapper = mount(
        <Menu defaultOpenKeys={['1']} mode="horizontal">
          <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);
    });
  
    it('should accept defaultOpenKeys in mode inline', () => {
      const wrapper = mount(
        <Menu defaultOpenKeys={['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);
    });
  
    it('should accept defaultOpenKeys in mode vertical', () => {
      const wrapper = mount(
        <Menu defaultOpenKeys={['1']} mode="vertical">
          <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);
    });
  
    it('should accept openKeys in mode horizontal', () => {
      const wrapper = mount(
        <Menu openKeys={['1']} mode="horizontal" openTransitionName="">
          <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({ openKeys: [] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
      wrapper.setProps({ openKeys: ['1'] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
    });
  
    it('should accept openKeys in mode inline', () => {
      const wrapper = mount(
        <Menu openKeys={['1']} mode="inline" openAnimation="">
          <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({ openKeys: [] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
      wrapper.setProps({ openKeys: ['1'] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
    });
  
    it('should accept openKeys in mode vertical', () => {
      const wrapper = mount(
        <Menu openKeys={['1']} mode="vertical" openTransitionName="">
          <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({ openKeys: [] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
      wrapper.setProps({ openKeys: ['1'] });
      expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
    });
  
    // https://github.com/ant-design/ant-design/pulls/4677
    // https://github.com/ant-design/ant-design/issues/4692
    // TypeError: Cannot read property 'indexOf' of undefined
    it('pr #4677 and issue #4692', () => {
      const wrapper = mount(
        <Menu mode="horizontal">
          <SubMenu title="submenu">
            <Menu.Item key="1">menu1</Menu.Item>
            <Menu.Item key="2">menu2</Menu.Item>
          </SubMenu>
        </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);
    });
  });
  