mock axios with react

index.ts

import { fireEvent, render, screen } from "@testing-library/react";
import axios from "axios";
import { getUser } from "./api";
import App from "./App";

jest.mock("axios");
const api = axios as jest.Mocked<typeof axios>;

// app.test.tsx
test("renders learn react link", async () => {
  api.get.mockResolvedValue({ data: { login: "alexalannunes" } });
  await getUser();
  render(<App />);
  fireEvent.click(screen.getByRole("button"));
  expect(await screen.findByText("alexalannunes")).toBeInTheDocument();
});
  
// get-user-service.ts
import axios from "axios";
async function getUser() {
  const req = await axios.get("https://api.github.com/users/alexalannunes");
  return req.data;
}
export { getUser };
  
// package.json
const package = {
  "test": "react-scripts test --transformIgnorePatterns 'node_modules/(?!axios)/'",
}