ima-ui-atoms/dist/sizer/__tests__/SizerSpec.js

IMA.js UI React atoms

"use strict";

var _classnames = _interopRequireDefault(require("classnames"));

var _react = _interopRequireDefault(require("react"));

var _enzyme = require("enzyme");

var _infiniteCircle = require("infinite-circle");

var _toMock = require("to-mock");

var _Sizer = _interopRequireDefault(require("../Sizer"));

var _UIComponentHelper = _interopRequireDefault(require("../../UIComponentHelper"));

var _Visibility = _interopRequireDefault(require("../../Visibility"));

var _ComponentPositions = _interopRequireDefault(require("../../ComponentPositions"));

var _router = _interopRequireDefault(require("../../mocks/router"));

var _window = _interopRequireDefault(require("../../mocks/window"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

describe('Sizer component', () => {
  let wrapper = null;
  let visibility = (0, _toMock.toMockedInstance)(_Visibility.default);
  let componentPositions = (0, _toMock.toMockedInstance)(_ComponentPositions.default);
  let infinite = (0, _toMock.toMockedInstance)(_infiniteCircle.Infinite);
  let uiComponentHelper = new _UIComponentHelper.default(_router.default, _window.default, visibility, componentPositions, infinite, _classnames.default);
  let context = {
    $Utils: {
      $UIComponentHelper: uiComponentHelper
    }
  };
  beforeEach(() => {
    wrapper = (0, _enzyme.shallow)(_react.default.createElement(_Sizer.default, null), {
      context
    });
  });
  it('should set atm-sizer class', () => {
    expect(wrapper.hasClass('atm-sizer')).toBeTruthy();
  });
  it('should set atm-placeholder class if is defined placeholder props', () => {
    wrapper.setProps({
      placeholder: true
    });
    expect(wrapper.hasClass('atm-placeholder')).toBeTruthy();
  });
  it('should calculate ratio between width and height', () => {
    wrapper.setProps({
      width: 16,
      height: 9
    });
    expect(wrapper.get(0).props.style.paddingTop).toEqual('56.25%');
  });
});