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 {catalogItemTypes, catalogItemStatuses} from './onboardingCatalog/OnboardingCatalogConstants.js';
   6 import {FinalizedLicenseModelFactory} from 'test-utils/factories/licenseModel/LicenseModelFactories.js';
   7
   8 const stories = storiesOf('CatalogTiles', module);
   9 stories.addDecorator(withKnobs);
  10
  11 const types = [
  12         catalogItemTypes.LICENSE_MODEL,
  13         catalogItemTypes.SOFTWARE_PRODUCT
  14 ];
  15
  16 function selectType() {
  17         return select('Item type' , types, types[0]);
  18 }
  19
  20 let vlm = {...FinalizedLicenseModelFactory.build({name: 'Test-VLM'}), itemStatus: catalogItemStatuses.DRAFT};
  21 let certifiedVlm = {...vlm, itemStatus: catalogItemStatuses.CERTIFIED};
  22
  23 stories
  24         .add('preview', () => (
  25                 <div className='catalog-view'>
  26                         <div className='catalog-list'>
  27                                 <div className='catalog-items'>
  28                                         <CatalogItemDetails catalogItemData={vlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
  29                                         <CatalogItemDetails catalogItemData={certifiedVlm} catalogItemTypeClass={selectType()} onSelect={action('onSelect')} onMigrate={action('onMigrate')}/>
  30                                 </div>
  31                         </div>
  32                 </div>
  33         ));