import { test } from "@jest/globals";
import { Container } from "./container.js";
import { checkComponent } from "./component.test.lib.js";
import { Button } from "./button.js";

test("basic", () => {
  checkComponent(Container(), {
    _type: "container",
  });
});

test("child", () => {
  checkComponent(Container(Button("Test").onPressed("test")), {
    _type: "container",
    child: {
      _type: "button",
      text: "Test",
      onPressed: {
        _type: "listener",
        name: "test",
      },
    },
  });
});

test("card", () => {
  checkComponent(Container.card(Button("Test").onPressed("test")), {
    _type: "container",
    border: {
      top: {
        width: 1,
        color: 4292665575,
      },
      bottom: {
        width: 1,
        color: 4292665575,
      },
      left: {
        width: 1,
        color: 4292665575,
      },
      right: {
        width: 1,
        color: 4292665575,
      },
    },
    padding: {
      top: 16,
      bottom: 16,
      left: 16,
      right: 16,
    },
    decoration: {
      color: 4294967295,
      borderRadius: {
        topLeft: {
          x: 8,
          y: 8,
        },
        topRight: {
          x: 8,
          y: 8,
        },
        bottomRight: {
          x: 8,
          y: 8,
        },
        bottomLeft: {
          x: 8,
          y: 8,
        },
      },
      boxShadow: {
        blurRadius: 10,
        offset: {
          dx: 4,
          dy: 4,
        },
        color: 2147483648,
      },
    },
    child: {
      _type: "button",
      text: "Test",
      onPressed: {
        _type: "listener",
        name: "test",
      },
    },
  });
});