wix-style-react/dist/src/Skeleton/Skeleton.spec.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _driverFactory = require('wix-ui-test-utils/driver-factory');

var _Skeleton = require('./Skeleton');

var _Skeleton2 = _interopRequireDefault(_Skeleton);

var _Skeleton3 = require('./Skeleton.driver');

var _Skeleton4 = _interopRequireDefault(_Skeleton3);

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

var content = [{ type: 'line', size: 'small' }, { type: 'line', size: 'large' }, { type: 'line', size: 'medium' }, { type: 'line', size: 'full' }];

var createDriver = (0, _driverFactory.createDriverFactory)(_Skeleton4.default);
var driver = void 0;

describe('Skeleton', function () {
  describe('with default props', function () {
    beforeEach(function () {
      driver = createDriver(_react2.default.createElement(_Skeleton2.default, { content: content }));
    });

    it('should have ' + content.length + ' placeholder lines', function () {
      expect(driver.getNumLines()).toBe(content.length);
    });

    it('should have medium spacing by default', function () {
      expect(driver.hasSpacing('medium')).toBe(true);
    });

    it('should have lines with expected sizes', function () {
      expect(driver.hasSizes(content.map(function (_ref) {
        var size = _ref.size;
        return size;
      }))).toBe(true);
    });
  });

  describe('`alignment` prop', function () {
    it('should align to middle', function () {
      driver = createDriver(_react2.default.createElement(_Skeleton2.default, { content: content, alignment: 'middle' }));
      expect(driver.hasAlignment('middle')).toBe(true);
    });
  });
});