happi-graph-helpers.test.js

import {
  relativeTo,
  getNodeAnchorPoint,
  getLinkCoordinates
} from './happi-graph-helpers';

/*
  nodeB(0, 1)
    .
    .
    .
  nodeA(0, 0)
*/
test('nodeB should be above nodeA', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: 0, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "TOP", "b": "BOTTOM"});
});

/*
                  . nodeB(1, 1)
                .
  nodeA(0, 0) .
*/
test('nodeB should be above nodeA and on the right', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: 101, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "RIGHT", "b": "LEFT"});
});

/*
  nodeA(0, 0) . . . nodeB(1, 0)
*/
test('nodeB should be on the right of nodeA', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: 101, y: 0, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "RIGHT", "b": "LEFT"});
});

/*
  nodeA(0, 0) .
                .
                  . nodeB(1, -1)
*/
test('nodeB should be below nodeA on the right', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: 100, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "RIGHT", "b": "LEFT"});
});

/*
  nodeA(0, 0)
    .
    .
    .
  nodeB(0, -1)
*/
test('nodeB should be below nodeA', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: 0, y: 101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "BOTTOM", "b": "TOP"});
});

/*
                    . nodeA(0, 0)
                  .
  nodeB(-1, -1) .
*/
test('nodeB should be below nodeA on the left', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: -101, y: 101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "LEFT", "b": "RIGHT"});
});

/*
  nodeB(-1, 0) . . . nodeA(0, 0)
*/
test('nodeB should be on left of nodeA', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: -101, y: 0, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "LEFT", "b": "RIGHT"});
});

/*
  nodeB(-1, 1) .
                 .
                   . nodeA(0, 0)
*/
test('nodeB should be above nodeA on the left', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: -101, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({"a": "LEFT", "b": "RIGHT"});
});


/*
  nodeB(-1, 1) .
                 .
                   . nodeA(0, 0)
*/
test('nodeB should be above nodeA on the left in vertical graph', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: -101, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'VERTICAL')).toMatchObject({"a": "TOP", "b": "BOTTOM"});
});

/*
                    . nodeA(0, 0)
                  .
  nodeB(-1, -1) .
*/
test('nodeB should be below nodeA on the left in vertical graph', () => {
  let nodeA = { x: 0, y: 0, width: 100, height: 100 };
  let nodeB = { x: -101, y: -101, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'VERTICAL')).toMatchObject({"a": "TOP", "b": "BOTTOM"});
});

/*
  nodeA(0, 1)
    .
    .
    .
  nodeB(0, 0)
*/
test('nodeB should be above nodeA', () => {
  let nodeA = { x: 0, y: 101, width: 100, height: 100 };
  let nodeB = { x: 0, y: 0, width: 100, height: 100 };

  expect(relativeTo(nodeA, nodeB, 'VERTICAL')).toMatchObject({"a": "TOP", "b": "BOTTOM"});
});

test('getNodeAnchorPoint', () => {
  let node = {
    width: 100,
    height: 100,
    properties: {},
    x: 0,
    y: 0
  };

  expect(getNodeAnchorPoint(node, 'TOP')).toMatchObject({ x: 50, y: 0 });
  expect(getNodeAnchorPoint(node, 'BOTTOM')).toMatchObject({ x: 50, y: 100 });
  expect(getNodeAnchorPoint(node, 'LEFT')).toMatchObject({ x: 0, y: 50 });
  expect(getNodeAnchorPoint(node, 'RIGHT')).toMatchObject({ x: 100, y: 50 });
  expect(getNodeAnchorPoint({ ...node, properties: { a: 1 } }, 'RIGHT')).toMatchObject({ x: 100, y: 50 });
});

test('getLinkCoordinates', () => {
  let nodeA = { width: 100, height: 100, properties: { a: 1, b: 2 }, x: 0, y: 0 };

  let nodeB = { width: 100, height: 100, properties: { a: 1 }, x: 0, y: 200 };

  expect(getLinkCoordinates(nodeA, nodeB, 'HORIZONTAL')).toMatchObject({
    from: {x: 50, y: 100},
    to: {x: 50, y: 200}
  });
});