fk-react-ui-components

TO ADD A STORY

Step 1 : Create a file in [ Seeds / Plants / Trees ]
Step 2 : It should export an Object with component name and story Component [Refer other components]
Step 3 : Story Component should return a react component
Step 3 : Created file should be imported in Seeds/index.js or Plants/index.js or Trees/index.js
Step 4 : Story Component should import what ever the component to be showcased from the components dir.
Step 5 : Story should use knobs to customize its props [https://github.com/storybooks/storybook/tree/master/addons/knobs ].

TO ADD A COMPONENT / HOC

Step 1 : Add a component in components dir
Step 2 : Add a story for the component added
Step 3 : Raise a PR against master
Step 4 : Once merged create release TAG

TO USE IT IN ANY REPO

Step 1 : add entry in package.json with https://github.com/Flipkart/react-ui-components.git#<TAG_VERSION_NO>
Step 2 : npm i
Step 3 : import react-ui-components in the working directory

TESTING

Tools

Name	Description
Jest	A JavaScript library for building user interfaces.
Enzyme	Predictable state container for JavaScript apps.

Commands

To run all the test cases

npm run test

To run watch mode

npm run test-watch

To collect test coverage information

npm run test-cover

To collect test coverage information and open the info in browser

npm run coverage