mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
6e33285890
* fix onVisibleChange arguments error * add test * trigger travis
54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import { mount } from 'enzyme';
|
|
import Tooltip from '..';
|
|
|
|
describe('Tooltip', () => {
|
|
it('check `onVisibleChange` arguments', () => {
|
|
const onVisibleChange = jest.fn();
|
|
|
|
const wrapper = mount(
|
|
<Tooltip
|
|
title=""
|
|
mouseEnterDelay={0}
|
|
mouseLeaveDelay={0}
|
|
onVisibleChange={onVisibleChange}
|
|
>
|
|
<div>Hello world!</div>
|
|
</Tooltip>
|
|
);
|
|
|
|
// `title` is empty.
|
|
const div = wrapper.find('div').at(0);
|
|
div.simulate('mouseenter');
|
|
expect(onVisibleChange).not.toHaveBeenCalled();
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
|
|
|
|
div.simulate('mouseleave');
|
|
expect(onVisibleChange).not.toHaveBeenCalled();
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
|
|
|
|
|
|
// update `title` value.
|
|
wrapper.setProps({ title: 'Have a nice day!' });
|
|
wrapper.simulate('mouseenter');
|
|
expect(onVisibleChange).toBeCalledWith(true); // mock.calls.length++
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
|
|
|
|
wrapper.simulate('mouseleave');
|
|
expect(onVisibleChange).toBeCalledWith(false); // mock.calls.length++
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
|
|
|
|
|
|
// add `visible` props.
|
|
wrapper.setProps({ visible: false });
|
|
wrapper.simulate('mouseenter');
|
|
expect(onVisibleChange.mock.calls.length).toBe(2);
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
|
|
|
|
wrapper.simulate('mouseleave');
|
|
expect(onVisibleChange.mock.calls.length).toBe(2);
|
|
expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
|
|
});
|
|
});
|
|
|