src/components/regions/ListOld/List.story.old.js

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { withKnobs, text, boolean, number } from '@storybook/addon-knobs/react';
import withTests from 'N2oStorybook/withTests';
import ListItem from './ListItem';
import List from './List';
import Wireframe from '../../snippets/Wireframe/Wireframe';

const stories = storiesOf('Регионы/Лист', module);

stories.addDecorator(withKnobs);
// todo: баг в jest addon
stories.addDecorator(withTests('List'));

stories.addWithJSX('Компонент', () => {
  return (
    <List>
      <ListItem id="one" title="Один" active>
        <div style={{ width: '100%', height: 100, position: 'relative' }}>
          <Wireframe title="Первый элемент" />
        </div>
      </ListItem>
      <ListItem id="two" title="Два">
        <div style={{ width: '100%', height: 100, position: 'relative' }}>
          <Wireframe title="Второй элемент" />
        </div>
      </ListItem>
      <ListItem id="three" title="Три">
        <div style={{ width: '100%', height: 100, position: 'relative' }}>
          <Wireframe title="Третий элемент" />
        </div>
      </ListItem>
    </List>
  );
});