idraw/packages/board/__tests__/point.test.ts

import Board from '../src';

describe('@idraw/board', () => {
  document.body.innerHTML = `
    <div id="mount"></div>
  `;
  const opts = {
    width: 800,
    height: 600,
    contextWidth: 600,
    contextHeight: 400,
    devicePixelRatio: 4,
    canScroll: true
  };
  const transform = {
    scale: 2,
    scrollX: -200,
    scrollY: -100
  };
  const mount = document.querySelector('#mount') as HTMLDivElement;
  const board = new Board(mount, opts);

  board.scale(transform.scale);
  board.scrollX(transform.scrollX);
  board.scrollY(transform.scrollY);
  board.draw();

  const p1 = { x: 400, y: 300 };
  const p2 = { x: 300, y: 200 };

  test('pointScreenToContext', async () => {
    expect(board.pointScreenToContext(p1)).toStrictEqual(p2);
  });

  test('pointContextToScreen', async () => {
    expect(board.pointContextToScreen(p2)).toStrictEqual(p1);
  });
});