import { shallowMount } from "@vue/test-utils";
import {
  baseClassCase,
  propVNodeCase,
  fontSizeClassCase,
  propStringCase,
  tagCase,
} from "@/utils/test-case-factories";
import { FONT } from "@darwin-studio/ui-codegen/dist/constants/font";
import DCaption from "@/components/atoms/d-caption";
import config from "./config";
import { TYPE } from "./constant";
import styles from "./styles.css";

describe("DCaption", () => {
  const wrapper = shallowMount(DCaption, {
    props: {
      font: FONT.SMALL,
    },
  });

  baseClassCase(wrapper, config.class);

  it("Should render props.type to appropriate class name", async () => {
    await wrapper.setProps({ type: TYPE.DANGER });
    expect(wrapper.classes()).toContain(styles.danger);
  });

  fontSizeClassCase(wrapper, `.${config.class}`);

  tagCase(wrapper);

  propStringCase(wrapper, `.${config.class}`);

  propVNodeCase(wrapper, `.${config.class}`);
});