ant-design/components/slider/__tests__/index.test.js

69 lines
1.7 KiB
JavaScript
Raw Normal View History

2018-03-23 19:19:29 +08:00
import React from 'react';
import { render, mount } from 'enzyme';
import Slider from '..';
2019-08-26 22:53:20 +08:00
import mountTest from '../../../tests/shared/mountTest';
2018-03-23 19:19:29 +08:00
describe('Slider', () => {
2019-08-26 22:53:20 +08:00
mountTest(Slider);
2018-03-23 19:19:29 +08:00
it('should show tooltip when hovering slider handler', () => {
2018-12-07 16:17:45 +08:00
const wrapper = mount(<Slider defaultValue={30} />);
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();
2018-03-23 19:19:29 +08:00
});
it('when tooltipVisible is true, tooltip should show always, or should never show', () => {
let wrapper = mount(<Slider defaultValue={30} tooltipVisible />);
2018-12-07 16:17:45 +08:00
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(<Slider defaultValue={30} tooltipVisible={false} />);
expect(wrapper.find('.ant-tooltip-content').length).toBe(0);
});
2018-03-23 19:19:29 +08:00
});