@sparkpost/matchbox/src/helpers/tests/geometry.test.js

A React UI component library

import { getWindowRect, getRectFor, getPreferredDirectionFor, getPositionFor } from '../geometry';
import * as reactDomMock from 'react-dom';
jest.mock('react-dom');

global.scrollY = 10;
global.scrollX = 20;
global.innerHeight = 600;
global.innerWidth = 900;

describe('getWindowRect', () => {
  it('should return window dimensions', () => {
    expect(getWindowRect()).toMatchSnapshot();
  });
});

describe('getRectFor', () => {

  afterEach(() => {
    jest.resetAllMocks();
  });

  it('should return empty object with no node', () => {
    reactDomMock.findDOMNode.mockImplementationOnce(() => undefined);
    const result = getRectFor('test');
    expect(reactDomMock.findDOMNode).toHaveBeenCalledWith('test');
    expect(result).toMatchSnapshot();
  });

  it('should return node dimensions', () => {
    reactDomMock.findDOMNode.mockImplementationOnce(() => ({ getBoundingClientRect: jest.fn(() => 'dimensions') }));
    const result = getRectFor('test');
    expect(reactDomMock.findDOMNode).toHaveBeenCalledWith('test');
    expect(result).toMatchSnapshot();
  });
});

describe('getPreferredDirectionFor', () => {
  beforeEach(() => {
    reactDomMock.findDOMNode.mockImplementation(() => ({ getBoundingClientRect: jest.fn(() => ({ top: 600, left: 50, right: 80, bottom: 700 })) }));
  });

  it('should return direction', () => {
    expect(getPreferredDirectionFor('test')).toMatchSnapshot();
  });
});

describe('getPositionFor', () => {
  beforeEach(() => {
    reactDomMock.findDOMNode.mockImplementation(() => ({ getBoundingClientRect: jest.fn(() => ({ top: 600, left: 50, width: 20, height: 10 })) }));
  });

  it('should return direction', () => {
    expect(getPositionFor('test')).toMatchSnapshot();
  });

  it('should return direction if node is fixed', () => {
    expect(getPositionFor('test', { fixed: true })).toMatchSnapshot();
  });
});