integrate to the web util testing api

3 files changed, 17 insertions, 14 deletions

diff --git a/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx b/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx
index aced5eea9..fa94af75a 100644
--- a/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx
+++ b/packages/demobank-ui/src/pages/PaymentOptions.stories.tsx
@@ -19,15 +19,17 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { tests } from "@gnu-taler/web-util/lib/index.browser";
 import { PaymentOptions } from "./PaymentOptions.js";
 
 export default {
   title: "PaymentOptions",
 };
 
-export const USD = {
-  component: PaymentOptions,
-  props: {
+export const USD = tests.createExample(PaymentOptions, {
+  limit: {
     currency: "USD",
+    fraction: 0,
+    value: 1,
   },
-};
+});
diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx
index 141b9addf..d5f2d941f 100644
--- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx
+++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.stories.tsx
@@ -19,15 +19,17 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { tests } from "@gnu-taler/web-util/lib/index.browser";
 import { PaytoWireTransferForm } from "./PaytoWireTransferForm.js";
 
 export default {
   title: "PaytoWireTransferForm",
 };
 
-export const USD = {
-  component: PaytoWireTransferForm,
-  props: {
+export const USD = tests.createExample(PaytoWireTransferForm, {
+  limit: {
     currency: "USD",
+    fraction: 0,
+    value: 1,
   },
-};
+});
diff --git a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
index 521d4255e..11c21cc09 100644
--- a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
+++ b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
@@ -19,15 +19,14 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { tests } from "@gnu-taler/web-util/lib/index.browser";
 import { QrCodeSection } from "./QrCodeSection.js";
+import { parseWithdrawUri } from "@gnu-taler/taler-util";
 
 export default {
   title: "Qr Code Selection",
 };
 
-export const SimpleExample = {
-  component: QrCodeSection,
-  props: {
-    talerWithdrawUri: "taler://withdraw/asdasdasd",
-  },
-};
+export const SimpleExample = tests.createExample(QrCodeSection, {
+  withdrawUri: parseWithdrawUri("taler://withdraw/bank.com/operationId"),
+});