import { mount } from '../../../test/utils';
import Skeleton from '..';

test('row-width array', () => {
  const wrapper = mount(Skeleton, {
    propsData: {
      row: 4,
      rowWidth: ['100%', 30, '5rem']
    }
  });
  expect(wrapper).toMatchSnapshot();
});

test('render chidren', () => {
  const wrapper = mount({
    template: `
      <skeleton :loading="false">
        <div>Content</div>
      </skeleton>
    `,
    components: { Skeleton }
  });
  expect(wrapper).toMatchSnapshot();
});

test('avatar shape', () => {
  const wrapper = mount(Skeleton, {
    propsData: {
      avatar: true,
      avatarSize: 20,
      avatarShape: 'square'
    }
  });
  expect(wrapper).toMatchSnapshot();
});

test('disable animate', () => {
  const wrapper = mount(Skeleton, {
    propsData: {
      row: 1,
      aniamte: false
    }
  });
  expect(wrapper).toMatchSnapshot();
});