d3-radarchart/test/unit/state/__calculateDimensions.spec.js

D3 Radar chart

import State from '../../../src/state/state.js';

test('__calculateDimensions', () => {
  const options = {
    dims: {
      width: 550,
      height: 500
    }
  };

  class MockedState extends State {
    __construct () {
      this.__calculateDimensions();
    }
  }

  const target = new MockedState(options);
  const state = target.__STATE__;

  expect(state.calculatedDims).toEqual({
    chartContainerH: 475,
    chartContainerW: 481.25,
    height: 500,
    innerH: 380,
    innerPadding: 47.5,
    innerPaddingP: 0.1,
    innerW: 386.25,
    legendSpaceP: 0.1,
    legendW: 55,
    optsLeftChartOffset: 47.5,
    optsTopChartOffset: 47.5,
    paddingH: 12.5,
    paddingW: 13.75,
    translateXp: 0.05,
    translateYp: 0.05,
    width: 550,
    legendDims: {
      height: 100,
      iconHeight: 10,
      iconHeightP: 0.02,
      iconSpacing: 25,
      iconSpacingP: 0.05,
      iconWidth: 10,
      iconWidthP: 0.02,
      legendHeightP: 0.2,
      legendWidthP: 0.9,
      width: 49.5
    }
  });
});