getBoundaries.padding.js

import getBoundaries from '../../src/utils/getBoundaries';
import getFixedPositionOffsetParent from '../../src/utils/getFixedPositionOffsetParent';

describe('utils/getBoundaries-padding-offset', () => {
  let node;

  beforeEach(() => {
    node = document.createElement('div');    
    document.body.appendChild(node);   
  });

  afterEach(() => {
    document.body.removeChild(node);
  });

  it('returns a boundary with a single value padding offset.', () => {
    const padding = 50;
    const result = getBoundaries(null, null, padding, 'viewport', true);
    expect(result.top).toBe(50);
    expect(result.left).toBe(50);
    expect(result.right).toBe(735);
    expect(result.bottom).toBe(550);
  });

  it('returns a boundary with a top and left componentized padding offset.', () => {
    const padding = { 
      top: 50,
      left: 100,
    };
    const result = getBoundaries(null, null, padding, 'viewport', true);
    expect(result.top).toBe(50);
    expect(result.left).toBe(100);
    expect(result.right).toBe(785);
    expect(result.bottom).toBe(600);
  });

  it('returns a boundary with a bottom and right componentized padding offset.', () => {
    const padding = { 
      bottom: 50,
      right: 85,
    };
    const result = getBoundaries(null, null, padding, 'viewport', true);
    expect(result.top).toBe(0);
    expect(result.left).toBe(0);
    expect(result.right).toBe(700);
    expect(result.bottom).toBe(550);
  });

  it('returns a boundary with a null padding offset.', () => {
    const padding = null;
    const result = getBoundaries(null, null, padding, 'viewport', true);
    expect(result.top).toBe(0);
    expect(result.left).toBe(0);
    expect(result.right).toBe(785);
    expect(result.bottom).toBe(600);
  });
});