✅ improve breadcrumb test coverage (#22719)

components/breadcrumb/Breadcrumb.tsx

@@ -48,16 +48,6 @@ function defaultItemRender(route: Route, params: any, routes: Route[], paths: st
   return isLastItem ? <span>{name}</span> : <a href={`#/${paths.join('/')}`}>{name}</a>;
 }
 
-function filterFragment(children: any) {
-  return toArray(children).map((element: any) => {
-    if (React.isValidElement(element) && element.type === React.Fragment) {
-      const props: any = element.props;
-      return props.children;
-    }
-    return element;
-  });
-}
-
 export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
   static Item: typeof BreadcrumbItem;
 
@@ -135,7 +125,7 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
       // generated by route
       crumbs = this.genForRoutes(this.props);
     } else if (children) {
-      crumbs = React.Children.map(filterFragment(children), (element: any, index) => {
+      crumbs = toArray(children).map((element: any, index) => {
         if (!element) {
           return element;
         }

components/breadcrumb/__tests__/Breadcrumb.test.js

@@ -100,11 +100,19 @@ describe('Breadcrumb', () => {
         path: 'second',
         breadcrumbName: 'second',
       },
+      {
+        path: 'third',
+      },
     ];
     const wrapper = render(<Breadcrumb routes={routes} />);
     expect(wrapper).toMatchSnapshot();
   });
 
+  it('should accept undefined routes', () => {
+    const wrapper = render(<Breadcrumb routes={undefined} />);
+    expect(wrapper).toMatchSnapshot();
+   })
+
   it('props#linkRender and props#nameRender do not warn anymore', () => {
     const linkRender = jest.fn();
     const nameRender = jest.fn();
@@ -129,4 +137,20 @@ describe('Breadcrumb', () => {
     );
     expect(wrapper).toMatchSnapshot();
   });
+
+  it('should support React.Fragment and falsy children', () => {
+    const wrapper = render(
+      <Breadcrumb>
+        <>
+          <Breadcrumb.Item>yyy</Breadcrumb.Item>
+          <Breadcrumb.Item>yyy</Breadcrumb.Item>
+        </>
+        <Breadcrumb.Item>yyy</Breadcrumb.Item>
+        {0}
+        {null}
+        {undefined}
+      </Breadcrumb>,
+    );
+    expect(wrapper).toMatchSnapshot();
+  });
 });

components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap

@@ -38,6 +38,12 @@ exports[`Breadcrumb rtl render component should be rendered correctly in RTL dir
 />
 `;
 
+exports[`Breadcrumb should accept undefined routes 1`] = `
+<div
+  class="ant-breadcrumb"
+/>
+`;
+
 exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
 <div
   class="ant-breadcrumb"
@@ -152,16 +158,74 @@ exports[`Breadcrumb should render a menu 1`] = `
     <span
       class="ant-breadcrumb-link"
     >
-      <span>
+      <a
+        href="#/index/first/second"
+      >
         second
+      </a>
+    </span>
+    <span
+      class="ant-breadcrumb-separator"
+    >
+      /
     </span>
   </span>
+  <span>
+    <span
+      class="ant-breadcrumb-link"
+    >
+      <span />
+    </span>
+    <span
+      class="ant-breadcrumb-separator"
+    >
+      /
+    </span>
+  </span>
+</div>
+`;
+
+exports[`Breadcrumb should support React.Fragment and falsy children 1`] = `
+<div
+  class="ant-breadcrumb"
+>
+  <span>
+    <span
+      class="ant-breadcrumb-link"
+    >
+      yyy
+    </span>
+    <span
+      class="ant-breadcrumb-separator"
+    >
+      /
+    </span>
+  </span>
+  <span>
+    <span
+      class="ant-breadcrumb-link"
+    >
+      yyy
+    </span>
+    <span
+      class="ant-breadcrumb-separator"
+    >
+      /
+    </span>
+  </span>
+  <span>
+    <span
+      class="ant-breadcrumb-link"
+    >
+      yyy
+    </span>
     <span
       class="ant-breadcrumb-separator"
     >
       /
     </span>
   </span>
+  0
 </div>
 `;