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

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

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