openecomp-ui/src/sdc-app/onboarding/onboard/CatalogItemDetails.stories.js

   1 import React from 'react';
   2 import {storiesOf, action} from '@kadira/storybook';
   3 import {select, withKnobs} from '@kadira/storybook-addon-knobs';
   4 import CatalogItemDetails from './CatalogItemDetails.jsx';
   5 import {FinalizedLicenseModelFactory} from 'test-utils/factories/licenseModel/LicenseModelFactories.js';
   6 import {statusEnum} from 'nfvo-components/panel/versionController/VersionControllerConstants.js';
   7
   8
   9
  10 const stories = storiesOf('CatalogTiles', module);
  11 stories.addDecorator(withKnobs);
  12
  13 const types = [
  14     'license-model-type',
  15     'software-product-type'
  16 ];
  17
  18 function selectType() {
  19     return select('Item type' , types, types[0]);
  20 }
  21
  22 let vlm = FinalizedLicenseModelFactory.build({name: 'Test-VLM'});
  23 let unclockedVlm = {...vlm,  status: statusEnum.CHECK_OUT_STATUS};
  24
  25
  26 stories
  27     .add('preview', () => (
  28         <div className='catalog-view'>
  29             <div className='catalog-list'>
  30                 <div className='catalog-items'>
  31                     <CatalogItemDetails catalogItemData={vlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
  32                     <CatalogItemDetails catalogItemData={unclockedVlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
  33                 </div>
  34             </div>
  35         </div>
  36     ));