1 files changed, 95 insertions, 1 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/History.stories.tsx b/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
index b9c408fe1..149c8c1f4 100644
--- a/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/History.stories.tsx
@@ -43,7 +43,7 @@ import { HistoryView as TestedComponent } from "./History.js";
 import * as tests from "@gnu-taler/web-util/testing";
 
 export default {
-  title: "balance",
+  title: "history",
   component: TestedComponent,
 };
 
@@ -291,6 +291,100 @@ export const SomeTransactions = tests.createExample(TestedComponent, {
   ],
 });
 
+export const SomeTransactionsInDifferentStates = tests.createExample(
+  TestedComponent,
+  {
+    transactions: [
+      exampleData.withdraw,
+      {
+        ...exampleData.withdraw,
+        exchangeBaseUrl: "https://aborted/withdrawal",
+        txState: {
+          major: TransactionMajorState.Aborted,
+        },
+      },
+      {
+        ...exampleData.withdraw,
+        exchangeBaseUrl: "https://pending/withdrawal",
+        txState: {
+          major: TransactionMajorState.Pending,
+        },
+      },
+      {
+        ...exampleData.withdraw,
+        exchangeBaseUrl: "https://failed/withdrawal",
+        txState: {
+          major: TransactionMajorState.Failed,
+        },
+      },
+      {
+        ...exampleData.payment,
+        info: {
+          ...exampleData.payment.info,
+          summary: "normal payment",
+        },
+      },
+      {
+        ...exampleData.payment,
+        info: {
+          ...exampleData.payment.info,
+          summary: "aborting in progress",
+        },
+        txState: {
+          major: TransactionMajorState.Aborting,
+        },
+      },
+      {
+        ...exampleData.payment,
+        info: {
+          ...exampleData.payment.info,
+          summary: "aborted payment",
+        },
+        txState: {
+          major: TransactionMajorState.Aborted,
+        },
+      },
+      {
+        ...exampleData.payment,
+        info: {
+          ...exampleData.payment.info,
+          summary: "pending payment",
+        },
+        txState: {
+          major: TransactionMajorState.Pending,
+        },
+      },
+      {
+        ...exampleData.payment,
+        info: {
+          ...exampleData.payment.info,
+          summary: "failed payment",
+        },
+        txState: {
+          major: TransactionMajorState.Failed,
+        },
+      },
+      exampleData.refund,
+      exampleData.tip,
+      exampleData.deposit,
+    ],
+    balances: [
+      {
+        available: "USD:10",
+        pendingIncoming: "USD:0",
+        pendingOutgoing: "USD:0",
+        hasPendingTransactions: false,
+        requiresUserInput: false,
+        scopeInfo: {
+          currency: "Ásd",
+          type: ScopeType.Auditor,
+          url: "",
+        },
+      },
+    ],
+  },
+);
+
 export const SomeTransactionsWithTwoCurrencies = tests.createExample(
   TestedComponent,
   {