import { useLayout1x3 } from '@/components/modal/layouts/composables/useLayout1x3';
import { ref } from 'vue';
import { AnchorPoint } from '@3cr/types-ts';

describe('useLayout1x3 tests', () => {
  const canvas = document.createElement('canvas');
  canvas.getBoundingClientRect = vi.fn(
    () => ({ x: 0, y: 0, width: 100, height: 100 }) as DOMRect,
  );

  it('useLayout1x3 volume', () => {
    const anchor = AnchorPoint.TOP_LEFT;
    const { layout } = useLayout1x3(anchor, canvas, ref(16));
    expect(layout.value).toEqual({ height: 0, width: 0, x: 0, y: 0 });
  });
});