Reactjs react 测试显示错误的结果

您好，我是第一次使用测试用例，我已经为面包屑组件编写了一个测试用例，但它显示测试用例失败:我在Brower中得到结果，但它显示失败，而测试用例有人能帮助我吗这是我第一次编写测试用例

 FAIL  src/component/__test__/breadcrumb.test.js (20.411 s)
  × renders breadcrumbs correctly (786 ms)
                                                                                                                         
  ● renders breadcrumbs correctly                                                                                        
                                                                                                                         
    useNavigate() may be used only in the context of a <Router> component.

以下是我的面包屑组件代码:

import React from "react";
import {
  Breadcrumbs as MUIBreadcrumbs,
  Link,
  Typography,
} from "@material-ui/core";
import { useNavigate, useLocation } from "react-router-dom";
const Breadcrumbs = () => {
  const navigate = useNavigate();
  const { pathname } = useLocation();
  const pathnames = pathname.split("/").filter(Boolean);
  return (
    <MUIBreadcrumbs aria-label="breadcrumb">
      {pathnames.length ? (
        <Link onClick={() => navigate("/")}>Dashboard</Link>
      ) : (
        <Typography> Dashboard </Typography>
      )}
      {pathnames.map((name, index) => {
        const routeTo = `/${pathnames.slice(0, index + 1).join("/")}`;
        const isLast = index === pathnames.length - 1;
        return isLast ? (
          <Typography key={name}>{name}</Typography>
        ) : (
          <Link key={name} onClick={() => navigate(routeTo)}>
            {name}
          </Link>
        );
      })}
    </MUIBreadcrumbs>
  );
};

export default Breadcrumbs;

这是我写的测试用例:

import React from 'react';
import { render, screen } from '@testing-library/react';
import Breadcrumbs from '../breadcrumb/Breadcrumb';


test('renders breadcrumbs correctly', () => {
  const items = [
    {
      label: 'Dashboard',
      link: '/'
    },
    {
      label: 'Employee',
      link: '/employee'
    }
  ];

  render(<Breadcrumbs items={items} />);

  // Verify that the breadcrumbs are rendered
  expect(screen.getByText('Dashboard')).toBeInTheDocument();
  expect(screen.getByText('Employee')).toBeInTheDocument();

  // Verify that the links are correct
  expect(screen.getByText('Dashboard')).toHaveAttribute('href', '/');
  expect(screen.getByText('Employee')).toHaveAttribute('href', '/employee');
});