it('Should open when clicked', function () {
instance = ReactTestUtils.renderIntoDocument(
<DropdownButton title="Title">
<MenuItem eventKey="1">MenuItem 1 content</MenuItem>
<MenuItem eventKey="2">MenuItem 2 content</MenuItem>
</DropdownButton>
);
ReactTestUtils.SimulateNative.click(instance.refs.dropdownButton.getDOMNode());
assert.ok(instance.getDOMNode().className.match(/\bopen\b/));
});
it('should set onClick on Button', function (done) {
function handleClick() {
done();
}
instance = ReactTestUtils.renderIntoDocument(
<DropdownButton title="Title" onClick={handleClick}>
<MenuItem eventKey='1'>MenuItem 1 content</MenuItem>
<MenuItem eventKey='2'>MenuItem 2 content</MenuItem>
</DropdownButton>
);
let button = ReactTestUtils.findRenderedComponentWithType(instance, Button);
ReactTestUtils.SimulateNative.click(
ReactTestUtils.findRenderedDOMComponentWithClass(button, 'dropdown-toggle')
);
});
it('should call onSelect with eventKey when MenuItem is clicked', function (done) {
function handleSelect(eventKey) {
assert.equal(eventKey, '2');
done();
}
let instance = ReactTestUtils.renderIntoDocument(
<DropdownMenu onSelect={handleSelect}>
<MenuItem eventKey='1'>MenuItem 1 content</MenuItem>
<MenuItem eventKey='2'>MenuItem 2 content</MenuItem>
</DropdownMenu>
);
let menuItems = ReactTestUtils.scryRenderedComponentsWithType(instance, MenuItem);
assert.equal(menuItems.length, 2);
ReactTestUtils.SimulateNative.click(
ReactTestUtils.findRenderedDOMComponentWithTag(menuItems[1], 'a')
);
});
it('responds to mouse move events', () => {
TestUtils.SimulateNative.mouseMove(barNode);
expect(mouseMoveSpy).to.have.been.called();
});
it('responds to mouse out events', () => {
TestUtils.SimulateNative.mouseOut(barNode);
expect(mouseOutSpy).to.have.been.called();
});
it('responds to mouse over events', () => {
TestUtils.SimulateNative.mouseOver(pieNode);
expect(mouseOverSpy).to.have.been.called();
});