feat: data-driven testing for components

ui/components/package.json

@@ -19,7 +19,7 @@
     "fix": "yarn lint --fix",
     "lint": "yarn eslint . --ext mdx,ts,tsx",
     "prepare": "yarn build",
-    "test:create": "cc-cli -g doc -c ./.config -w",
+    "test:create": "cc-cli -g doc -c ./.config -w -d 5",
     "test": "yarn jest"
   },
   "homepage": "https://github.com/ccontrols/component-controls",

ui/components/src/ActionBar/ActionBar.data.ts

@@ -0,0 +1,9 @@
+export default {
+  overview: {
+    '0': {},
+    '1': {},
+    '2': {},
+    '3': {},
+    '4': {},
+  },
+};

ui/components/src/ActionBar/ActionBar.test.ts

@@ -8,28 +8,36 @@ import { render, act } from '@testing-library/react';
 import { renderErr } from '@component-controls/test-renderers';
 
 import * as examples from './ActionBar.stories';
+import data from './ActionBar.data';
 
 describe('ActionBar', () => {
   const configPath = path.resolve(__dirname, '../../.config');
   const config = loadConfigurations(configPath);
   let renderedExamples: ReturnType<typeof renderDocument> = [];
   act(() => {
-    renderedExamples = renderDocument(examples, config);
+    renderedExamples = renderDocument(examples, config, data);
   });
   if (!renderedExamples) {
     renderErr();
     return;
   }
-  renderedExamples.forEach(({ name, rendered }) => {
+  renderedExamples.forEach(({ name, rendered, dataId, values }) => {
     describe(name, () => {
-      it('snapshot', () => {
-        const { asFragment } = render(rendered);
-        expect(asFragment()).toMatchSnapshot();
-      });
-      it('accessibility', async () => {
-        const axeResults = await reactRunDOM<AxeResults>(rendered, run);
-        expect(axeResults).toHaveNoAxeViolations();
-      });
+      const runTests = () => {
+        it('snapshot', () => {
+          const { asFragment } = render(rendered);
+          expect(asFragment()).toMatchSnapshot();
+        });
+        it('accessibility', async () => {
+          const axeResults = await reactRunDOM<AxeResults>(rendered, run);
+          expect(axeResults).toHaveNoAxeViolations();
+        });
+      };
+      if (values) {
+        describe(dataId, runTests);
+      } else {
+        runTests();
+      }
     });
   });
 });