import { baseTheme, extendTheme } from "../src/base/index";
import { ThemeSkeleton } from "../src/types";

jest.useFakeTimers();

describe("themeFunctions", () => {
  it("enforces type using createTheme", () => {
    const tempTheme: ThemeSkeleton = {
      palette: {},
      spacing: {},
      components: {},
      elevation: {},
      zIndices: {},
      fonts: {},
      fontConfig: {},
      fontSizes: {},
      fontWeights: {},
      lineHeights: {},
      letterSpacings: {},
      breakpoints: {},
      borderRadii: {},
    };

    expect(typeof tempTheme).toBe(typeof baseTheme);
  });

  it("returns combined theme using extendTheme", () => {
    const userTheme = {
      palette: {
        "custom-color": "#321321",
      },
      spacing: {
        "custom-xxxl": 23,
      },
    };

    const combinedTheme = extendTheme(userTheme);

    expect(typeof combinedTheme).toBe(typeof baseTheme);
    expect(combinedTheme.palette.hasOwnProperty("custom-color")).toBe(true);
    expect(combinedTheme.palette.hasOwnProperty("primary")).toBe(true);
    expect(combinedTheme.spacing.hasOwnProperty("custom-xxxl")).toBe(true);
    expect(combinedTheme.spacing.hasOwnProperty("3")).toBe(true);
  });
});