/**
 * @vitest-environment jsdom
 */

import * as React from "react";
import { describe, test, expect } from "vitest";
import { render, screen } from "@testing-library/react";
import { createTheme } from "@mui/material/styles";
import { AppProvider } from "./AppProviderComponent";

describe("AppProvider", () => {
  test("renders content correctly", async () => {
    render(<AppProvider>Hello world</AppProvider>);

    expect(screen.getByText("Hello world")).toBeTruthy();
  });

  test("renders content correctly when using legacy theme", async () => {
    const legacyTheme = createTheme();

    render(<AppProvider theme={legacyTheme}>Hello world</AppProvider>);

    expect(screen.getByText("Hello world")).toBeTruthy();
  });
});