import { jsx } from "react/jsx-runtime";
import React from "react";
import { render } from "@testing-library/react";
import { ThemeProvider } from "../..";
import { Col } from ".";
describe("<Col />", () => {
  describe("Snapshots", () => {
    it("should match snapshot with default Col", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Col, {}) })
      );
      expect(container).toMatchSnapshot();
    });
    it("should match snapshot with different Col size", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Col, { xxs: 6 }) })
      );
      expect(container).toMatchSnapshot();
    });
    it("should be the same column size from medium to xxxl", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Col, { md: 6 }) })
      );
      expect(container).toMatchSnapshot();
    });
    it("should set column offsets", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Col, { "md-start": 3, md: 6 }) })
      );
      expect(container).toMatchSnapshot();
    });
    it("should hide Col in a xs and xm breakpoints", () => {
      const { container } = render(
        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Col, { hide: ["xs", "sm"], md: 6 }) })
      );
      expect(container).toMatchSnapshot();
    });
  });
});
