test: add test case

components/breadcrumb/Breadcrumb.tsx

@@ -13,13 +13,6 @@ import useStyle from './style';
 import useItemRender from './useItemRender';
 import useItems from './useItems';
 
-/** @deprecated New of Breadcrumb using `items` instead of `routes` */
-export interface Route {
-  path: string;
-  breadcrumbName: string;
-  children?: Omit<Route, 'children'>[];
-}
-
 export interface BreadcrumbItemType {
   key?: React.Key;
   /**
@@ -30,7 +23,9 @@ export interface BreadcrumbItemType {
    * Different with `href`. It will concat all prev `path` to the current one.
    */
   path?: string;
-  title: React.ReactNode;
+  title?: React.ReactNode;
+  /* @deprecated Please use `title` instead */
+  breadcrumbName?: string;
   menu?: BreadcrumbItemProps['menu'];
   /** @deprecated Please use `menu` instead */
   overlay?: React.ReactNode;
@@ -42,29 +37,23 @@ export interface BreadcrumbSeparatorType {
   separator?: React.ReactNode;
 }
 
-export type ItemType = BreadcrumbItemType | BreadcrumbSeparatorType;
+export type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
 export type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-export interface BaseBreadcrumbProps {
+export interface BreadcrumbProps {
   prefixCls?: string;
   params?: any;
   separator?: React.ReactNode;
   style?: React.CSSProperties;
   className?: string;
   rootClassName?: string;
   children?: React.ReactNode;
-}
 
-export interface LegacyBreadcrumbProps extends BaseBreadcrumbProps {
   /** @deprecated Please use `items` instead */
-  routes: Route[];
-
-  itemRender?: (route: Route, params: any, routes: Route[], paths: string[]) => React.ReactNode;
-}
+  routes?: ItemType[];
 
-export interface NewBreadcrumbProps extends BaseBreadcrumbProps {
-  items: ItemType[];
+  items?: ItemType[];
 
   itemRender?: (
     route: ItemType,
@@ -74,8 +63,6 @@ export interface NewBreadcrumbProps extends BaseBreadcrumbProps {
   ) => React.ReactNode;
 }
 
-export type BreadcrumbProps = BaseBreadcrumbProps | LegacyBreadcrumbProps | NewBreadcrumbProps;
-
 const getPath = (params: any, path?: string) => {
   if (path === undefined) {
     return path;
@@ -88,12 +75,7 @@ const getPath = (params: any, path?: string) => {
   return mergedPath;
 };
 
-type CompoundedComponent = React.FC<BreadcrumbProps> & {
-  Item: typeof BreadcrumbItem;
-  Separator: typeof BreadcrumbSeparator;
-};
-
-const Breadcrumb: CompoundedComponent = (props) => {
+const Breadcrumb = (props: BreadcrumbProps) => {
   const {
     prefixCls: customizePrefixCls,
     separator = '/',
@@ -106,7 +88,7 @@ const Breadcrumb: CompoundedComponent = (props) => {
     itemRender,
     params = {},
     ...restProps
-  } = props as LegacyBreadcrumbProps & NewBreadcrumbProps;
+  } = props;
 
   const { getPrefixCls, direction } = React.useContext(ConfigContext);
 

components/breadcrumb/__tests__/__snapshots__/itemRender.test.tsx.snap

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Breadcrumb.ItemRender render as expect 1`] = `
+<div>
+  <nav
+    class="ant-breadcrumb"
+  >
+    <ol>
+      <li>
+        <a
+          class="my-link"
+          data-path="/"
+        >
+          Home
+        </a>
+      </li>
+      <li
+        aria-hidden="true"
+        class="ant-breadcrumb-separator"
+      >
+        /
+      </li>
+      <li>
+        <a
+          class="my-link"
+          data-path="/bamboo"
+        >
+          Bamboo
+        </a>
+      </li>
+    </ol>
+  </nav>
+</div>
+`;

components/breadcrumb/__tests__/itemRender.test.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { render } from '../../../tests/utils';
+import Breadcrumb from '../index';
+
+describe('Breadcrumb.ItemRender', () => {
+  it('render as expect', () => {
+    const { container } = render(
+      <Breadcrumb
+        items={[
+          {
+            path: '/',
+            title: 'Home',
+          },
+          {
+            path: '/bamboo',
+            title: 'Bamboo',
+          },
+        ]}
+        itemRender={(route) => (
+          <a className="my-link" data-path={route.path}>
+            {route.title}
+          </a>
+        )}
+      />,
+    );
+
+    expect(container).toMatchSnapshot();
+  });
+});

components/breadcrumb/useItemRender.tsx

@@ -1,19 +1,13 @@
 import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
 import * as React from 'react';
-import type {
-  BreadcrumbItemType,
-  BreadcrumbSeparatorType,
-  InternalRouteType,
-  ItemType,
-  NewBreadcrumbProps,
-} from './Breadcrumb';
+import type { BreadcrumbProps, InternalRouteType, ItemType } from './Breadcrumb';
 
 type AddParameters<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (
   ...args: [...Parameters<TFunction>, ...TParameters]
 ) => ReturnType<TFunction>;
 
-type ItemRender = NonNullable<NewBreadcrumbProps['itemRender']>;
+type ItemRender = NonNullable<BreadcrumbProps['itemRender']>;
 type InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;
 
 function getBreadcrumbName(route: InternalRouteType, params: any) {
@@ -39,7 +33,7 @@ export function renderItem(
     return null;
   }
 
-  const { className, ...passedProps } = omit(item as BreadcrumbItemType & BreadcrumbSeparatorType, [
+  const { className, ...passedProps } = omit(item, [
     'title',
     'type',
     'separator',