import React from 'react'; import MockDate from 'mockdate'; import { mount } from 'enzyme'; import Descriptions from '..'; import mountTest from '../../../tests/shared/mountTest'; import { resetWarned } from '../../_util/warning'; describe('Descriptions', () => { mountTest(Descriptions); const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); afterEach(() => { MockDate.reset(); errorSpy.mockReset(); }); afterAll(() => { errorSpy.mockRestore(); }); it('when max-width: 575px,column=1', () => { const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 No-Label , ); expect(wrapper.find('tr')).toHaveLength(5); expect(wrapper.find('.ant-descriptions-item-no-label')).toHaveLength(1); wrapper.unmount(); }); it('when max-width: 575px,column=2', () => { // eslint-disable-next-line global-require const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 , ); expect(wrapper.find('tr')).toHaveLength(2); wrapper.unmount(); }); it('column is number', () => { // eslint-disable-next-line global-require const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 , ); expect(wrapper).toMatchSnapshot(); wrapper.unmount(); }); it('when typeof column is object', () => { const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 , ); expect(wrapper.instance().getColumn()).toBe(8); wrapper.unmount(); }); it('warning if ecceed the row span', () => { resetWarned(); mount( Cloud Database Prepaid , ); expect(errorSpy).toHaveBeenCalledWith( 'Warning: [antd: Descriptions] Sum of column `span` in a line exceeds `column` of Descriptions.', ); }); it('when item is rendered conditionally', () => { const hasDiscount = false; const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 {hasDiscount && $20.00} , ); expect(wrapper).toMatchSnapshot(); wrapper.unmount(); }); it('vertical layout', () => { // eslint-disable-next-line global-require const wrapper = mount( Cloud Database Prepaid 18:00:00 $80.00 , ); expect(wrapper).toMatchSnapshot(); wrapper.unmount(); }); it('Descriptions.Item support className', () => { const wrapper = mount( Cloud Database , ); expect(wrapper).toMatchSnapshot(); }); it('Descriptions support colon', () => { const wrapper = mount( Cloud Database , ); expect(wrapper).toMatchSnapshot(); }); it('Descriptions support style', () => { const wrapper = mount( Cloud Database , ); expect(wrapper).toMatchSnapshot(); }); it('keep key', () => { const wrapper = mount( , ); expect(wrapper.find('Col').key()).toBe('label-bamboo'); }); // https://github.com/ant-design/ant-design/issues/19887 it('should work with React Fragment', () => { if (!React.Fragment) { return; } const wrapper = mount( bamboo <> bamboo bamboo , ); expect(wrapper.render()).toMatchSnapshot(); }); });