import React from 'react'; import { render, mount } from 'enzyme'; import Slider from '..'; import mountTest from '../../../tests/shared/mountTest'; describe('Slider', () => { mountTest(Slider); it('should show tooltip when hovering slider handler', () => { const wrapper = mount(); wrapper .find('.ant-slider-handle') .at(0) .simulate('mouseEnter'); expect( render( wrapper .find('Trigger') .instance() .getComponent(), ), ).toMatchSnapshot(); wrapper .find('.ant-slider-handle') .at(0) .simulate('mouseLeave'); expect( render( wrapper .find('Trigger') .instance() .getComponent(), ), ).toMatchSnapshot(); }); it('when tooltipVisible is true, tooltip should show always, or should never show', () => { let wrapper = mount(); expect( wrapper .find('.ant-tooltip-content') .at(0) .hasClass('ant-tooltip-hidden'), ).toBe(false); wrapper .find('.ant-slider-handle') .at(0) .simulate('mouseEnter'); expect( wrapper .find('.ant-tooltip-content') .at(0) .hasClass('ant-tooltip-hidden'), ).toBe(false); wrapper .find('.ant-slider-handle') .at(0) .simulate('click'); expect( wrapper .find('.ant-tooltip-content') .at(0) .hasClass('ant-tooltip-hidden'), ).toBe(false); wrapper = mount(); expect(wrapper.find('.ant-tooltip-content').length).toBe(0); }); });