wix-style-react/src/ListItemEditable/test/ListItemEditable.visual.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import ListItemEditable, { listItemEditableBuilder } from '../ListItemEditable';
import DropdownLayout from '../../DropdownLayout';
import { storyOfAllPermutations } from '../../../test/utils/visual/utils';

const commonProps = {
  onApprove: () => null,
  onCancel: () => null,
};

const Story = props => <ListItemEditable {...commonProps} {...props} />;

const options = {
  props: ['placeholder', 'size', 'status', 'margins'],
};

storyOfAllPermutations(Story, ListItemEditable, options);

storiesOf('ListItemEditable', module).add('builder', () => (
  <DropdownLayout
    visible
    selectedId={1}
    options={[
      listItemEditableBuilder({
        id: 0,
      }),
      listItemEditableBuilder({
        id: 1,
      }),
      listItemEditableBuilder({
        id: 2,
      }),
    ]}
  />
));