ant-design/components/tooltip/__tests__/tooltip.test.js
Rex 6e33285890 fix onVisibleChange arguments error (#4589)
* fix onVisibleChange arguments error

* add test

* trigger travis
2017-01-14 15:23:02 +08:00

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);
});
});