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

wix-style-react

import React from 'react';
import { createDriverFactory } from 'wix-ui-test-utils/driver-factory';

import Skeleton from './Skeleton';
import skeletonDriverFactory from './Skeleton.driver';

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

var createDriver = createDriverFactory(skeletonDriverFactory);
var driver = void 0;

describe('Skeleton', function () {
  describe('with default props', function () {
    beforeEach(function () {
      driver = createDriver(React.createElement(Skeleton, { 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(React.createElement(Skeleton, { content: content, alignment: 'middle' }));
      expect(driver.hasAlignment('middle')).toBe(true);
    });
  });
});