mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
66 lines
2.0 KiB
JavaScript
66 lines
2.0 KiB
JavaScript
import React from 'react';
|
|
import { mount, render } from 'enzyme';
|
|
import Badge from '../index';
|
|
import Tooltip from '../../tooltip';
|
|
|
|
describe('Badge', () => {
|
|
beforeEach(() => {
|
|
jest.useFakeTimers();
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.useRealTimers();
|
|
});
|
|
|
|
it('badge dot not scaling count > 9', () => {
|
|
const badge = mount(<Badge count={10} dot />);
|
|
expect(badge.find('.ant-card-multiple-words').length).toBe(0);
|
|
});
|
|
|
|
it('badge dot not showing count == 0', () => {
|
|
const badge = mount(<Badge count={0} dot />);
|
|
expect(badge.find('.ant-badge-dot').length).toBe(0);
|
|
});
|
|
|
|
it('should have an overriden title attribute', () => {
|
|
const badge = mount(<Badge count={10} title="Custom title" />);
|
|
expect(badge.find('.ant-scroll-number').getDOMNode().attributes.getNamedItem('title').value).toEqual('Custom title');
|
|
});
|
|
|
|
// https://github.com/ant-design/ant-design/issues/10626
|
|
it('should be composable with Tooltip', () => {
|
|
const wrapper = mount(
|
|
<Tooltip title="Fix the error">
|
|
<Badge status="error" />
|
|
</Tooltip>
|
|
);
|
|
wrapper.find('Badge').simulate('mouseenter');
|
|
jest.runAllTimers();
|
|
expect(wrapper.instance().tooltip.props.visible).toBe(true);
|
|
});
|
|
|
|
it('should render when count is changed', () => {
|
|
const wrapper = mount(<Badge count={9} />);
|
|
wrapper.setProps({ count: 10 });
|
|
jest.runAllTimers();
|
|
expect(wrapper).toMatchSnapshot();
|
|
wrapper.setProps({ count: 11 });
|
|
jest.runAllTimers();
|
|
expect(wrapper).toMatchSnapshot();
|
|
wrapper.setProps({ count: 11 });
|
|
jest.runAllTimers();
|
|
expect(wrapper).toMatchSnapshot();
|
|
wrapper.setProps({ count: 10 });
|
|
jest.runAllTimers();
|
|
expect(wrapper).toMatchSnapshot();
|
|
jest.runAllTimers();
|
|
wrapper.setProps({ count: 9 });
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('should be compatible with borderColor style', () => {
|
|
const wrapper = render(<Badge count={4} style={{ backgroundColor: '#fff', color: '#999', borderColor: '#d9d9d9' }} />);
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
});
|