jest.mock("../../Contexts/VehicleContext");
jest.mock("../../Contexts/StatusContext");
jest.mock("../../Contexts/UserContext");
jest.mock('@material-ui/core/utils/unstable_useId', () =>
  jest.fn().mockReturnValue('mui-test-id'),
);

import { render, waitFor } from "@testing-library/react";
import { MemoryRouter, Route } from "react-router-dom";

import { VehicleProvider } from "../../Contexts/VehicleContext";
import { StatusProvider } from "../../Contexts/StatusContext";
import { UserProvider, setToken } from "../../Contexts/UserContext";
import { TEST_AUTH_OBJECT } from "../../../utils/testing";
import MainForm from "./DetailsTab"

const renderDetailsTab = async () => {
  const { container } = render(
    <VehicleProvider>
      <StatusProvider>
        <UserProvider>
          <MemoryRouter initialEntries={['/testroute/TESTVIN1234567890']}>
            <Route path="/testroute/:vin">
              <MainForm vin="TESTVIN1234567890" />
            </Route>
          </MemoryRouter>
        </UserProvider>
      </StatusProvider>
    </VehicleProvider >
  );
  await waitFor(() => { /* render */ });
  return container;
};

describe("DetailsTab", () => {
  it("Render", async () => {
    setToken(TEST_AUTH_OBJECT);
    const container = await renderDetailsTab();
    expect(container).toMatchSnapshot();
  });
});