integrate to the web util testing api

1 files changed, 21 insertions, 10 deletions

diff --git a/packages/demobank-ui/src/stories.test.ts b/packages/demobank-ui/src/stories.test.ts
index a9e5ec5c0..19b16d52c 100644
--- a/packages/demobank-ui/src/stories.test.ts
+++ b/packages/demobank-ui/src/stories.test.ts
@@ -19,13 +19,13 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 import { setupI18n } from "@gnu-taler/taler-util";
-import { parseGroupImport } from "@gnu-taler/web-util/lib/index.browser";
+import { parseGroupImport, tests } from "@gnu-taler/web-util/lib/index.browser";
 
-import * as pages from "./pages/index.stories.js";
 import * as components from "./components/index.examples.js";
+import * as pages from "./pages/index.stories.js";
 
-import { h as create } from "preact";
-import { render as renderToString } from "preact-render-to-string";
+import { ComponentChildren, VNode, h as create } from "preact";
+import { BackendStateProviderTesting } from "./context/backend.js";
 
 setupI18n("en", { en: {} });
 
@@ -37,12 +37,7 @@ describe("All the examples:", () => {
         describe(`Component ${component.name}:`, () => {
           component.examples.forEach((example) => {
             it(`should render example: ${example.name}`, () => {
-              const vdom = create(
-                example.render.component,
-                example.render.props,
-              );
-              const html = renderToString(vdom);
-              // console.log(html)
+              tests.renderUI(example.render, DefaultTestingContext);
             });
           });
         });
@@ -50,3 +45,19 @@ describe("All the examples:", () => {
     });
   });
 });
+
+function DefaultTestingContext({
+  children,
+}: {
+  children: ComponentChildren;
+}): VNode {
+  return create(BackendStateProviderTesting, {
+    children,
+    state: {
+      status: "loggedIn",
+      username: "test",
+      password: "pwd",
+      isUserAdministrator: false,
+    },
+  });
+}