import React from 'react';
import { mount } from 'enzyme';
import { test } from 'tap';
import '../setupTests';
import Dropdown, { MenuItem } from '../src';

test('<Dropdown />', (t) => {
    const wrapper = mount((
        <Dropdown>
            <Dropdown.Toggle>
            </Dropdown.Toggle>
            <Dropdown.Menu>
                <MenuItem></MenuItem>
                <MenuItem></MenuItem>
                <MenuItem></MenuItem>
            </Dropdown.Menu>
        </Dropdown>
    ));
    t.equal(wrapper.find(Dropdown).length, 1, 'should render <Dropdown /> component');
    t.equal(wrapper.find(Dropdown.Toggle).length, 1, 'should render <Dropdown.Toggle /> component');
    t.equal(wrapper.find(Dropdown.Menu).length, 1, 'should render <Dropdown.Menu /> component');
    t.equal(wrapper.find(MenuItem).length, 3, 'should render <MenuItem /> component');
    t.end();
});

@@ -410,32 +410,262 @@
       %3CMenuItem%3E
+%0A                    %3CMenuItem%3E%0A                        %3CMenuItem%3E%0A                            %3CMenuItem%3E%0A                            %3C/MenuItem%3E%0A                        %3C/MenuItem%3E%0A                    %3C/MenuItem%3E%0A                
 %3C/MenuItem%3E%0A    
@@ -652,32 +652,32 @@
     %3C/MenuItem%3E%0A
-
             %3C/Dr
@@ -717,16 +717,17 @@
     ));%0A
+%0A
     t.eq
@@ -797,32 +797,33 @@
 /%3E component');%0A
+%0A
     t.equal(wrap
@@ -898,32 +898,66 @@
  /%3E component');
+%0A%0A    // Multi-level dropdown menu
 %0A    t.equal(wra
@@ -981,33 +981,33 @@
 n.Menu).length, 
-1
+4
 , 'should render
@@ -1034,24 +1034,25 @@
 omponent');%0A
+%0A
     t.equal(
@@ -1086,9 +1086,9 @@
 th, 
-3
+6
 , 's
@@ -1126,16 +1126,17 @@
 nent');%0A
+%0A
     t.en

Update tests