wix-style-react/dist/es/stories/Avatar/AvatarTestStory.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';

import { getTestStoryKind } from '../storiesHierarchy';
import Avatar from '../../src/Avatar';
import { storySettings } from './storySettings';
import style from './AvatarStory.scss';

var kind = getTestStoryKind({
  category: storySettings.category,
  storyName: storySettings.storyName
});

storiesOf(kind, module).add(storySettings.testStories.SIZES, function () {
  return React.createElement(
    'div',
    { className: style.container },
    ['size90', 'size72', 'size60', 'size48', 'size36', 'size30', 'size24', 'size18'].map(function (size) {
      return React.createElement(Avatar, { name: 'John Doe', size: size, key: size });
    })
  );
});

storiesOf(kind, module).add(storySettings.testStories.COLORS, function () {
  return React.createElement(
    'div',
    { className: style.container },
    ['blue', 'green', 'grey', 'red', 'orange'].map(function (color) {
      return React.createElement(Avatar, { name: 'John Doe', color: color, key: color });
    })
  );
});

storiesOf(kind, module).add(storySettings.testStories.PLACEHOLDER, function () {
  return React.createElement(
    'div',
    { className: style.container },
    ['size90', 'size72', 'size60', 'size48', 'size36', 'size30', 'size24', 'size18'].map(function (size) {
      return React.createElement(Avatar, { size: size, key: size });
    })
  );
});