kobotoolbox / kpi / 15137182444

81%

master: 76%

push

github

refactor(UniversalTable): use hardcoded mock data in stories DEV-277 (#5782)

### 💭 Notes

For upcoming Chromatic introduction (the free version :P) we need to not
use dynamic/random data in Storybook stories. `UniversalTable` component
has stories with a pretty complex function that generates nice test
data.

Changes:
- Moved all code responsible for generating mock data to a separate file
- Added [fakerjs](https://fakerjs.dev) for reproducible test data
- ~~Produced a hardcoded array of mock data~~
- Added a function for getting mock columns (instead of inline code with
ifs)
- ~~Kept all the code for future (useful if we need to re-regenerate?)~~

### 👀 Preview steps

Testing:
1. ℹ️ run and open storybook (http://localhost:6006)
2. go to Components → UniversalTable
3. 🟢 notice that the table renders properly:
   1. notice and remember the name from first row of "Your name" column
   2. notice all the controls still works
4. reload browser tab
6. 🟢 notice first row's "Your name" column is the same name (and all the
other columns and rows are the same regardless of reloading)

6241 of 9906 branches covered (63.0%)

23819 of 29413 relevant lines covered (80.98%)

1.6 hits per line