Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/PropTypes.js
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,8 @@ export const SelectPropTypes = {
onFocus: PropTypes.func,
onSelect: PropTypes.func,
onSearch: PropTypes.func,
onMouseEnter: PropTypes.func,
onMouseLeave: PropTypes.func,
placeholder: PropTypes.any,
onDeselect: PropTypes.func,
labelInValue: PropTypes.bool,
Expand Down
2 changes: 2 additions & 0 deletions src/Select.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -1191,6 +1191,8 @@ export default class Select extends React.Component {
return (
<SelectTrigger
onPopupFocus={this.onPopupFocus}
onMouseEnter={this.props.onMouseEnter}
onMouseLeave={this.props.onMouseLeave}
dropdownAlign={props.dropdownAlign}
dropdownClassName={props.dropdownClassName}
dropdownMatchSelectWidth={props.dropdownMatchSelectWidth}
Expand Down
2 changes: 2 additions & 0 deletions tests/Select.multiple.spec.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,14 @@ import { mount } from 'enzyme';
import Select, { Option, OptGroup } from '../src';
import allowClearTest from './shared/allowClearTest';
import blurTest from './shared/blurTest';
import hoverTest from './shared/hoverTest';
import renderTest from './shared/renderTest';
import removeSelectedTest from './shared/removeSelectedTest';

describe('Select.multiple', () => {
allowClearTest('multiple');
blurTest('multiple');
hoverTest('multiple');
renderTest('multiple');
removeSelectedTest('multiple');

Expand Down
2 changes: 2 additions & 0 deletions tests/Select.tags.spec.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,15 @@ import KeyCode from 'rc-util/lib/KeyCode';
import Select, { Option } from '../src';
import allowClearTest from './shared/allowClearTest';
import blurTest from './shared/blurTest';
import hoverTest from './shared/hoverTest';
import renderTest from './shared/renderTest';
import removeSelectedTest from './shared/removeSelectedTest';
import throwOptionValue from './shared/throwOptionValue';

describe('Select.tags', () => {
allowClearTest('tags');
blurTest('tags');
hoverTest('tags');
renderTest('tags');
removeSelectedTest('tags');
throwOptionValue('tags');
Expand Down
23 changes: 23 additions & 0 deletions tests/shared/hoverTest.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
/* eslint-disable no-undef */
import React from 'react';
import Select from '../../src/Select';
import Option from '../../src/Option';
import { mount } from 'enzyme';

export default function hoverTest(mode) {
it('triggers mouseEnter and mouseLeave', () => {
const onMouseEnter = jest.fn();
const onMouseLeave = jest.fn();
const wrapper = mount(
<Select {...{ [mode]: true }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
<Option value="1">1</Option>
<Option value="2">2</Option>
</Select>
);

wrapper.find('.rc-select').first().simulate('mouseenter');
expect(onMouseEnter).toBeCalled();
wrapper.find('.rc-select').first().simulate('mouseleave');
expect(onMouseLeave).toBeCalled();
});
}