jest.mock('mapbox-gl', () => ({
  default: {},
  LngLat: {}
}));

import {
  overlayTransform,
  OverlayProps,
  anchors,
  Anchor
} from '../util/overlays';

describe('overlayTransform', () => {
  it('Should transform position anchor and offset accordingly', () => {
    const overlayProps: OverlayProps = {
      anchor: anchors[1] as Anchor,
      offset: { x: 10, y: 20 },
      position: { x: 1000, y: 2000 }
    };

    const res = overlayTransform(overlayProps);

    expect(res).toEqual([
      'translate(1000px, 2000px)',
      'translate(10px, 20px)',
      'translate(-50%, 0)'
    ]);
  });

  it('Should transform position and offset only', () => {
    const overlayProps: OverlayProps = {
      offset: { x: 10, y: 20 },
      position: { x: 1000, y: 2000 }
    };

    const res = overlayTransform(overlayProps);

    expect(res).toEqual(['translate(1000px, 2000px)', 'translate(10px, 20px)']);
  });

  it('Should not add an undefined offset', () => {
    const overlayProps: OverlayProps = {
      offset: { x: undefined, y: 20 },
      position: { x: 1000, y: 2000 }
    };

    const res = overlayTransform(overlayProps);

    expect(res).toEqual(['translate(1000px, 2000px)']);
  });

  it('Should add offset of 0', () => {
    const overlayProps: OverlayProps = {
      offset: { x: 0, y: 20 },
      position: { x: 1000, y: 2000 }
    };

    const res = overlayTransform(overlayProps);

    expect(res).toEqual(['translate(1000px, 2000px)', 'translate(0px, 20px)']);
  });
});