import { CollapsibleTextContainer } from "../index";

const getValue = (key: string) => {
  const values: Record<string, unknown> = {
    text_alignment: "left",
    margin_top: 0,
    margin_right: 0,
    margin_bottom: 0,
    margin_left: 0,
    padding_top: 0,
    padding_right: 0,
    padding_bottom: 0,
    padding_left: 0,
    corner_radius: 0,
    data_key: "title",
    custom_data_key: undefined,
  };

  return values[key];
};

describe("CollapsibleTextContainer view tree", () => {
  it("stretches to the parent width so labels wrap using the cell width", () => {
    const result = CollapsibleTextContainer({
      getValue,
      elements: [],
      additionalStyles: { backgroundColor: "transparent" },
    });

    expect(result.style.alignSelf).toBe("stretch");
  });
});