1 files changed, 205 insertions, 181 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
index 382f9b549..626ad4977 100644
--- a/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
+++ b/packages/taler-wallet-webextension/src/popup/Balance.stories.tsx
@@ -1,6 +1,6 @@
 /*
  This file is part of GNU Taler
- (C) 2021 Taler Systems S.A.
+ (C) 2022 Taler Systems S.A.
 
  GNU Taler is free software; you can redistribute it and/or modify it under the
  terms of the GNU General Public License as published by the Free Software
@@ -15,205 +15,229 @@
  */
 
 /**
-*
-* @author Sebastian Javier Marchano (sebasjm)
-*/
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
 
-import { createExample, NullLink } from '../test-utils';
-import { BalanceView as TestedComponent } from './BalancePage';
+import { AmountString, ScopeType } from "@gnu-taler/taler-util";
+import * as tests from "@gnu-taler/web-util/testing";
+import { BalanceView as TestedComponent } from "./BalancePage.js";
 
 export default {
-  title: 'popup/balance',
-  component: TestedComponent,
-  argTypes: {
-  }
+  title: "balance",
 };
 
-
-export const NotYetLoaded = createExample(TestedComponent, {
+export const EmptyBalance = tests.createExample(TestedComponent, {
+  balances: [],
+  goToWalletManualWithdraw: {},
 });
 
-export const GotError = createExample(TestedComponent, {
-  balance: {
-    hasError: true,
-    message: 'Network error'
-  },
-  Linker: NullLink,
-});
-
-export const EmptyBalance = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: []
+export const SomeCoins = tests.createExample(TestedComponent, {
+  balances: [
+    {
+      flags: [],
+      available: "USD:10.5" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
+  ],
+  addAction: {},
+  goToWalletManualWithdraw: {},
 });
 
-export const SomeCoins = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:10.5',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      }]
+export const SomeCoinsInTreeCurrencies = tests.createExample(TestedComponent, {
+  balances: [
+    {
+      flags: [],
+      available: "EUR:1" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
-});
-
-export const SomeCoinsAndIncomingMoney = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:2.23',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:5.11',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      }]
+    {
+      flags: [],
+      available: "TESTKUDOS:2000" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
-});
-
-export const SomeCoinsAndOutgoingMoney = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:2.23',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:5.11',
-        requiresUserInput: false
-      }]
+    {
+      flags: [],
+      available: "JPY:4" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "EUR:15" as AmountString,
+      pendingOutgoing: "EUR:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
+  ],
+  goToWalletManualWithdraw: {},
+  addAction: {},
 });
 
-export const SomeCoinsAndMovingMoney = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:2.23',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:2',
-        pendingOutgoing: 'USD:5.11',
-        requiresUserInput: false
-      }]
+export const NoCoinsInTreeCurrencies = tests.createExample(TestedComponent, {
+  balances: [
+    {
+      flags: [],
+      available: "EUR:3" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
-});
-
-export const SomeCoinsInTwoCurrencies = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:2',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:5.1',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'EUR:4',
-        hasPendingTransactions: false,
-        pendingIncoming: 'EUR:0',
-        pendingOutgoing: 'EUR:3.01',
-        requiresUserInput: false
-      }]
+    {
+      flags: [],
+      available: "USD:2" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
-});
-
-export const SomeCoinsInTreeCurrencies = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:1',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'COL:2000',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'EUR:4',
-        hasPendingTransactions: false,
-        pendingIncoming: 'EUR:15',
-        pendingOutgoing: 'EUR:0',
-        requiresUserInput: false
-      }]
+    {
+      flags: [],
+      available: "ARS:1" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "EUR:15" as AmountString,
+      pendingOutgoing: "EUR:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
+  ],
+  goToWalletManualWithdraw: {},
+  addAction: {},
 });
 
-
-export const SomeCoinsInFiveCurrencies = createExample(TestedComponent, {
-  balance: {
-    hasError: false,
-    response: {
-      balances: [{
-        available: 'USD:13451',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'EUR:202.02',
-        hasPendingTransactions: false,
-        pendingIncoming: 'EUR:0',
-        pendingOutgoing: 'EUR:0',
-        requiresUserInput: false
-      },{
-        available: 'ARS:30',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'JPY:51223233',
-        hasPendingTransactions: false,
-        pendingIncoming: 'EUR:0',
-        pendingOutgoing: 'EUR:0',
-        requiresUserInput: false
-      },{
-        available: 'JPY:51223233',
-        hasPendingTransactions: false,
-        pendingIncoming: 'EUR:0',
-        pendingOutgoing: 'EUR:0',
-        requiresUserInput: false
-      },{
-        available: 'DEMOKUDOS:6',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:0',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      },{
-        available: 'TESTKUDOS:6',
-        hasPendingTransactions: false,
-        pendingIncoming: 'USD:5',
-        pendingOutgoing: 'USD:0',
-        requiresUserInput: false
-      }]
+export const SomeCoinsInFiveCurrencies = tests.createExample(TestedComponent, {
+  balances: [
+    {
+      flags: [],
+      available: "USD:0" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "ARS:13451" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "EUR:202.02" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "EUR:0" as AmountString,
+      pendingOutgoing: "EUR:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "JPY:0" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "EUR:0" as AmountString,
+      pendingOutgoing: "EUR:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "JPY:51223233" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "EUR:0" as AmountString,
+      pendingOutgoing: "EUR:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "DEMOKUDOS:6" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:0" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
+    },
+    {
+      flags: [],
+      available: "TESTKUDOS:6" as AmountString,
+      hasPendingTransactions: false,
+      pendingIncoming: "USD:5" as AmountString,
+      pendingOutgoing: "USD:0" as AmountString,
+      requiresUserInput: false,
+      scopeInfo: {
+        currency: "TESTKUDOS",
+        type: ScopeType.Auditor,
+        url: "asd",
+      },
     },
-  },
-  Linker: NullLink,
+  ],
+  goToWalletManualWithdraw: {},
+  addAction: {},
 });