import React from 'react'; import { mount, render } from 'enzyme'; import Breadcrumb from '../index'; import mountTest from '../../../tests/shared/mountTest'; import rtlTest from '../../../tests/shared/rtlTest'; describe('Breadcrumb', () => { mountTest(Breadcrumb); rtlTest(Breadcrumb); const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); afterEach(() => { errorSpy.mockReset(); }); afterAll(() => { errorSpy.mockRestore(); }); // https://github.com/airbnb/enzyme/issues/875 it('warns on non-Breadcrumb.Item and non-Breadcrumb.Separator children', () => { const MyCom = () =>
foo
; mount( , ); expect(errorSpy.mock.calls).toHaveLength(1); expect(errorSpy.mock.calls[0][0]).toMatch( "Warning: [antd: Breadcrumb] Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children", ); }); // https://github.com/ant-design/ant-design/issues/5015 it('should allow Breadcrumb.Item is null or undefined', () => { const wrapper = render( {null} Home {undefined} , ); expect(errorSpy).not.toHaveBeenCalled(); expect(wrapper).toMatchSnapshot(); }); // https://github.com/ant-design/ant-design/issues/5542 it('should not display Breadcrumb Item when its children is falsy', () => { const wrapper = render( xxx yyy , ); expect(wrapper).toMatchSnapshot(); }); // https://github.com/ant-design/ant-design/issues/18260 it('filter React.Fragment', () => { const wrapper = render( Location : <> Application Center , ); expect(wrapper).toMatchSnapshot(); }); it('should render a menu', () => { const routes = [ { path: 'index', breadcrumbName: 'home', }, { path: 'first', breadcrumbName: 'first', children: [ { path: '/general', breadcrumbName: 'General', }, { path: '/layout', breadcrumbName: 'Layout', }, { path: '/navigation', breadcrumbName: 'Navigation', }, ], }, { path: 'second', breadcrumbName: 'second', }, { path: 'third', }, ]; const wrapper = render(); expect(wrapper).toMatchSnapshot(); }); it('should accept undefined routes', () => { const wrapper = render(); expect(wrapper).toMatchSnapshot(); }); it('should support custom attribute', () => { const wrapper = render( xxx yyy , ); expect(wrapper).toMatchSnapshot(); }); it('should support React.Fragment and falsy children', () => { const wrapper = render( <> yyy yyy yyy {0} {null} {undefined} , ); expect(wrapper).toMatchSnapshot(); }); // https://github.com/ant-design/ant-design/issues/25975 it('should support Breadcrumb.Item default separator', () => { const MockComponent = () => ( Mock Node ); const wrapper = render( Location Application Center , ); expect(wrapper).toMatchSnapshot(); }); });