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