+ {
+ ({ ref, style, placement, arrowProps }) => (
+
+ {children}
+ {!hideArrow && (
+
+ )}
+
+ )
+ }
);
diff --git a/src/__tests__/Dropdown.spec.js b/src/__tests__/Dropdown.spec.js
index 2b3ef7ff9..18559165c 100644
--- a/src/__tests__/Dropdown.spec.js
+++ b/src/__tests__/Dropdown.spec.js
@@ -1,6 +1,6 @@
import React from 'react';
import { mount, shallow } from 'enzyme';
-import { Popper, Target } from 'react-popper';
+import { Popper, Reference } from 'react-popper';
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from '../';
import { keyCodes } from '../utils';
@@ -975,8 +975,8 @@ describe('Dropdown', () => {
);
- expect(wrapper.find('.dropdown-toggle').first().type()).toEqual('a');
- expect(wrapper.find('.dropdown-menu').first().type()).toEqual('div');
+ expect(wrapper.childAt(0).find('.dropdown-toggle').first().type()).toEqual('a');
+ expect(wrapper.childAt(0).find('.dropdown-menu').first().type()).toEqual('div');
});
it('should open with popper without inNavbar prop', () => {
@@ -989,9 +989,9 @@ describe('Dropdown', () => {
);
-
- expect(wrapper.find('.dropdown-toggle').first().type()).toEqual(Target);
- expect(wrapper.find('.dropdown-menu').first().type()).toEqual(Popper);
+
+ expect(wrapper.find(Reference).childAt(0).childAt(0).hasClass('dropdown-toggle')).toEqual(true);
+ expect(wrapper.find(Popper).childAt(0).childAt(0).hasClass('dropdown-menu')).toEqual(true);
});
});
@@ -999,7 +999,7 @@ describe('Dropdown', () => {
it('should render an active class', () => {
const wrapper = shallow(