import { jsx, jsxs } from "react/jsx-runtime";
import React from "react";
import { render } from "@testing-library/react";
import { ThemeProvider, Progress } from "../..";
describe("<Progress />", () => {
  it("should match snapshot", () => {
    const { container } = render(
      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
        /* @__PURE__ */ jsx(Progress, {}),
        /* @__PURE__ */ jsx(Progress, { max: 100 }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 60 })
      ] })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with label string", () => {
    const { container } = render(
      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
        /* @__PURE__ */ jsx(Progress, { max: 100, label: { value: "Some decription here" } }),
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 65,
            label: { value: "Some decription here", placement: "right" }
          }
        )
      ] })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with label number", () => {
    const { container } = render(
      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 } }),
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 65,
            label: { value: 65, placement: "right" }
          }
        )
      ] })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with all variants", () => {
    const { container } = render(
      /* @__PURE__ */ jsxs(ThemeProvider, { children: [
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 20,
            label: { value: 20 },
            variant: "primary"
          }
        ),
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 20,
            label: { value: 20 },
            variant: "secondary"
          }
        ),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "vibin" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "hope" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "energy" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "relax" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "peace" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "verve" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "uplift" }),
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 20,
            label: { value: 20 },
            variant: "deepPurple"
          }
        ),
        /* @__PURE__ */ jsx(
          Progress,
          {
            max: 100,
            value: 20,
            label: { value: 20 },
            variant: "stamina"
          }
        ),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "dark" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "medium" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "deep" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "light" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "clear" }),
        /* @__PURE__ */ jsx(Progress, { max: 100, value: 20, label: { value: 20 }, variant: "white" })
      ] })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with positions prop system", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Progress, { position: "fixed", top: "small", left: "small" }) })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with spacing prop system", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Progress, { m: "small", padding: "medium" }) })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with background color prop system", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Progress, { backgroundColor: "primary" }) })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with border prop system", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Progress, { b: "small", bRadius: "small" }) })
    );
    expect(container).toMatchSnapshot();
  });
  it("should match snapshot with elevation prop system", () => {
    const { container } = render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Progress, { elevation: "small" }) })
    );
    expect(container).toMatchSnapshot();
  });
});
