Как проверить выпадающий список с энзимом

Question

Это код, который я написал:

import {Dropdown, Menu} from 'antd';
class comp extends Component {
    state = {
      concept: 'Concept',
    }

    menuItemSelection=({key}) => {
      this.setState({
        concept: key
      })
    }

    menu = (
      <Menu onClick={this.menuItemSelection}>
        <Menu.Item key='ab'>ab</Menu.Item>
        <Menu.Item key='mw'>mw</Menu.Item>
        <Menu.Item key='va'>va</Menu.Item>
      </Menu>
   )

    render() {
      const {concept} = this.state
      return (
        <div>
            <Dropdown overlay={this.menu}>
              <div>{concept}</div>
            </Dropdown>
                 </div>
      )
    }
}

export default comp;

Вот как работает мой интерфейс:

Когда я наведите курсор мыши на DropDown, появится меню, и при щелчке любого из элементов они будут выбраны, а концепция переменных состояния обновлена. Как я могу проверить этот DropDown? Я не могу получить доступ к меню для имитации «щелчка» в меню.

component = mount(<comp />)
    const dropdown = component.find(Dropdown) // this i am able to find 
    const menuInstance = component.find(Menu) // this it is returning reactwrapper {length:0}

Как мне симулировать нажатие на меню? Я попробовал консольное ведение журнала dropdown.props (). Overlay, и я получил:

sdas { '$$typeof': Symbol(react.element),
      type: 
       { [Function: Menu]
         Divider: { [Function: Divider] propTypes: [Object], defaultProps: [Object] },
         Item: { [Function: MenuItem] contextTypes: [Object], isMenuItem: 1 },
         SubMenu: { [Function: SubMenu] contextTypes: [Object], isSubMenu: 1 },
         ItemGroup: 
          { [Function: MenuItemGroup]
            propTypes: [Object],
            defaultProps: [Object],
            isMenuItemGroup: true },
         defaultProps: 
          { prefixCls: 'ant-menu',
            className: '',
            theme: 'light',
            focusable: false },
         childContextTypes: { inlineCollapsed: [Function], antdMenuTheme: [Function] },
         contextTypes: { siderCollapsed: [Function], collapsedWidth: [Function] } },
      key: null,
      ref: null,
      props: 
       { onClick: [Function],
         children: [ [Object], [Object], [Object] ],
         prefixCls: 'ant-menu',
         className: '',
         theme: 'light',
         focusable: false },
      _owner: null,
      _store: {} }

Answer 1

Чтобы найти компонент меню:

const menuInstance = shallow(component.find('Dropdown').first().props().overlay)