1 files changed, 54 insertions, 21 deletions
diff --git a/packages/anastasis-webui/src/index.test.ts b/packages/anastasis-webui/src/index.test.ts
index 1a87e3857..2f865bc1d 100644
--- a/packages/anastasis-webui/src/index.test.ts
+++ b/packages/anastasis-webui/src/index.test.ts
@@ -19,31 +19,64 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 import { setupI18n } from "@gnu-taler/taler-util";
-import { renderNodeOrBrowser } from "./test-utils.js";
-import * as pages from "./pages/home/index.storiesNo.js";
+import { parseGroupImport } from "@gnu-taler/web-util/browser";
+import * as tests from "@gnu-taler/web-util/testing";
+import * as pages from "./pages/home/index.stories.js";
+import { ComponentChildren, VNode, h as create } from "preact";
+import { AnastasisProvider } from "./context/anastasis.js";
+import { AnastasisReducerApi } from "./hooks/use-anastasis-reducer.js";
+import { ReducerState } from "@gnu-taler/anastasis-core";
 
 setupI18n("en", { en: {} });
 
-function testThisStory(key: string, st: any): any {
-  describe(`render examples for ${key}`, () => {
-    Object.keys(st).forEach((k) => {
-      const Component = (st as any)[k];
-      if (k === "default" || !Component) return;
-
-      it(`example: ${k}`, () => {
-        renderNodeOrBrowser(Component, Component.args);
+describe("All the examples:", () => {
+  const cms = parseGroupImport({ pages });
+  cms.forEach((group) => {
+    describe(`Example for group "${group.title}":`, () => {
+      group.list.forEach((component) => {
+        describe(`Component ${component.name}:`, () => {
+          component.examples.forEach((example) => {
+            it(`should render example: ${example.name}`, () => {
+              tests.renderUI(example.render, DefaultTestingContext);
+            });
+          });
+        });
       });
     });
   });
-}
-
-describe("render every storybook example", () => {
-  Object.entries(pages).forEach(function testAll([key, value]) {
-    const st: any = value;
-    if (Array.isArray(st.default)) {
-      st.default.forEach(testAll);
-    } else {
-      testThisStory(key, st);
-    }
-  });
 });
+
+const noop = async (): Promise<void> => {
+  return;
+};
+
+function DefaultTestingContext({
+  children,
+  ...rest
+}: {
+  children: ComponentChildren;
+}): VNode {
+  //some UI example can specify the state of the reducer
+  const currentReducerState = rest as ReducerState;
+  const value: AnastasisReducerApi = {
+    currentReducerState,
+    discoverMore: noop,
+    discoverStart: noop,
+    discoveryState: {
+      state: "finished",
+    },
+    currentError: undefined,
+    back: noop,
+    dismissError: noop,
+    reset: noop,
+    runTransaction: noop,
+    startBackup: noop,
+    startRecover: noop,
+    transition: noop,
+    exportState: () => {
+      return "{}";
+    },
+    importState: noop,
+  };
+  return create(AnastasisProvider, { value, children });
+}