如何使用带有jest和react- test -library的authcontext测试受保护的路由

npm install --save-dev jest react-test-library

import React from 'react';
import { render } from '@testing-library/react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { AuthContext } from './AuthContext';
import ProtectedRoute from './ProtectedRoute';

test('renders protected route when authenticated', () => {
  const authValue = {
    isAuthenticated: true,
    login: jest.fn(),
    logout: jest.fn(),
  };

  const { getByText } = render(
    <AuthContext.Provider value={authValue}>
      <Router>
        <ProtectedRoute path="/protected" component={() => <div>Protected Route</div>} />
      </Router>
    </AuthContext.Provider>
  );

  const protectedRouteElement = getByText(/Protected Route/i);
  expect(protectedRouteElement).toBeInTheDocument();
});

test('does not render protected route when not authenticated', () => {
  const authValue = {
    isAuthenticated: false,
    login: jest.fn(),
    logout: jest.fn(),
  };

  const { queryByText } = render(
    <AuthContext.Provider value={authValue}>
      <Router>
        <ProtectedRoute path="/protected" component={() => <div>Protected Route</div>} />
      </Router>
    </AuthContext.Provider>
  );

  const protectedRouteElement = queryByText(/Protected Route/i);
  expect(protectedRouteElement).toBeNull();
});