[SPIKE] Investigate testing components & setting up a testing library

GTBitsOfGood / bog-component-library

A reusable, easily readable, easily integrated, and widely used component library for Bits of Good.

https://bog-component-library.netlify.app/

1 stars 0 forks source link

[SPIKE] Investigate testing components & setting up a testing library #86

Closed therealsharath closed 2 years ago

therealsharath commented 2 years ago

Issue Description

Right now the components are only visually inspected by the EM & designers and do not have automated testing for checking functionality. We need to add an appropriate testing system to the component library to make sure our components are lightweight and reusable.

Acceptance Criteria

[ ] A testing library
[ ] Writeup on how to use/setup tests

User Story

Our components are not tested :(

Fattimo commented 2 years ago

https://www.denniskortsch.de/posts/component-library-storybook https://storybook.js.org/docs/react/writing-tests/interaction-testing (storybook also has stuff like accessibility and other testing)

therealsharath commented 2 years ago

https://storybook.js.org/tutorials/ui-testing-handbook/

Fattimo commented 2 years ago

directory structure: https://github.com/chakra-ui/chakra-ui/tree/main/packages/input