import * as React from "react";
import { View } from "react-native";
import { render } from "@testing-library/react-native";

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

describe("CollapsibleTextContainer", () => {
  it("render container+children when label is presented", () => {
    const { toJSON } = render(
      <CollapsibleTextContainer
        backgroundColor="#000000"
        label={"label"}
        style={{}}
      >
        <View />
      </CollapsibleTextContainer>
    );

    const result = toJSON();

    expect(result).not.toBeNull();
    expect(toJSON()).toMatchSnapshot();
  });

  it("render nothing when label is empty", () => {
    const { toJSON } = render(
      <CollapsibleTextContainer backgroundColor="#000000" label={""} style={{}}>
        <View />
      </CollapsibleTextContainer>
    );

    const result = toJSON();
    expect(result).toBeNull();
  });

  it("render nothing when label is not passed", () => {
    const { toJSON } = render(
      <CollapsibleTextContainer backgroundColor="#000000" label={""} style={{}}>
        <View />
      </CollapsibleTextContainer>
    );

    const result = toJSON();
    expect(result).toBeNull();
  });

  it("render nothing when label is undefined", () => {
    const { toJSON } = render(
      <CollapsibleTextContainer
        backgroundColor="#000000"
        label={undefined}
        style={{}}
      >
        <View />
      </CollapsibleTextContainer>
    );

    const result = toJSON();
    expect(result).toBeNull();
  });
});