feat(Hooks): configure tests and documentation for hooks

softconstruct · Apr 18, 2024 · 7565149 · 7565149
1 parent 7658172
commit 7565149
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 8 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -6,7 +6,8 @@ module.exports = {
         './../stories/changelog.mdx',
         './../stories/gettingStarted.mdx',
         './../src/lib/**/**/*.stories.tsx',
-        './../stories/*/**/*.stories.jsx'
+        './../stories/**/**/*.stories.jsx',
+        './../src/hooks/**/*.mdx'
     ],
     addons: [
         '@storybook/preset-scss',
@@ -40,7 +41,7 @@ module.exports = {
             lib: '../src/lib/',
             wrappers: '../src/wrappers/index.js',
             configs: '../src/configs.js',
-            hooks: '../src/hooks/index.js',
+            hooks: '../src/hooks/index.ts',
             indexof: '../src/utils/indexof.js',
             stories: '../stories/',
             components: '../src/index.ts'

diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -71,7 +71,16 @@ export const parameters = {
     },
     options: {
         storySort: {
-            order: ['Introduction', 'Changelog', 'Atoms', 'Molecules', 'Organisms', 'Charts']
+            order: [
+                'Introduction',
+                'Changelog',
+                'Getting started',
+                'Atoms',
+                'Molecules',
+                'Organisms',
+                'Charts',
+                'Hooks'
+            ]
         }
     }
 };

diff --git a/configs/.prettierignore b/configs/.prettierignore
@@ -15,5 +15,6 @@ docs
 **/*.svg
 
 **/*.mdx
+**/*.md
 
-**/*.ico
+**/*.ico
diff --git a/configs/jest.config.js b/configs/jest.config.js
@@ -26,8 +26,14 @@ module.exports = {
         '^components$': '<rootDir>/src/index.ts'
     },
     setupFilesAfterEnv: ['<rootDir>/tests/setup.ts'],
-    testMatch: ['**/?(*.)+(test).tsx'], // TODO add .ts also for helpers and hooks
-    collectCoverageFrom: ['src/**/*.tsx', '!src/**/*.d.ts', '!src/**/*.stories.tsx'], // TODO add .ts also for helpers and hooks
+    testMatch: ['**/?(*.)+(test).tsx'], // TODO add .ts also for helpers
+    collectCoverageFrom: [
+        'src/**/*.tsx',
+        'src/hooks/**/*.ts',
+        '!src/hooks/index.ts',
+        '!src/**/*.d.ts',
+        '!src/**/*.stories.tsx'
+    ], // TODO add .ts also for helpers
     coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
     transformIgnorePatterns: ['<rootDir>/node_modules/(?!react-dnd|dnd-core|@react-dnd)'],
     modulePathIgnorePatterns: ['node_modules', 'jest-test-results.json']

diff --git a/configs/rollup.config.js b/configs/rollup.config.js
@@ -43,7 +43,7 @@ const componentsInputs = Object.entries({
 
 const hooks = getFiles('src/hooks').reduce((acc, path) => {
     const [hookPath] = path.split('/').reverse();
-    const hookName = hookPath.replace('.js', '');
+    const hookName = hookPath.replace(/\.(js|ts)$/, '');
     acc[hookName] = path;
     return acc;
 }, {});
@@ -107,7 +107,7 @@ export default {
                 utils: 'src/utils/index.js',
                 wrappers: 'src/wrappers/index.js',
                 configs: 'src/configs.js',
-                hooks: 'src/hooks/index.js',
+                hooks: 'src/hooks/index.ts',
                 indexof: 'src/utils/indexof.js',
                 components: 'src/index.ts'
             }