diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx index 48f945783..00108aac6 100644 --- a/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Transaction.stories.tsx @@ -32,6 +32,11 @@ import { TransactionView as TestedComponent } from './Transaction'; export default { title: 'popup/transaction/details', component: TestedComponent, + argTypes: { + onRetry: { action: 'onRetry' }, + onDelete: { action: 'onDelete' }, + onBack: { action: 'onBack' }, + } }; const commonTransaction = { @@ -105,6 +110,13 @@ const exampleData = { } as TransactionRefund, } +const transactionError = { + code: 2000, + details: "details", + hint: "this is a hint for the error", + message: 'message' +} + function createExample<Props>(Component: FunctionalComponent<Props>, props: Partial<Props>) { const r = (args: any) => <Component {...args} /> r.args = props @@ -117,6 +129,13 @@ export const Withdraw = createExample(TestedComponent, { transaction: exampleData.withdraw }); +export const WithdrawError = createExample(TestedComponent, { + transaction: { + ...exampleData.withdraw, + error: transactionError, + }, +}); + export const WithdrawPending = createExample(TestedComponent, { transaction: { ...exampleData.withdraw, pending: true }, }); @@ -126,6 +145,13 @@ export const Payment = createExample(TestedComponent, { transaction: exampleData.payment }); +export const PaymentError = createExample(TestedComponent, { + transaction: { + ...exampleData.payment, + error: transactionError + }, +}); + export const PaymentWithoutFee = createExample(TestedComponent, { transaction: { ...exampleData.payment, @@ -191,6 +217,13 @@ export const Deposit = createExample(TestedComponent, { transaction: exampleData.deposit }); +export const DepositError = createExample(TestedComponent, { + transaction: { + ...exampleData.deposit, + error: transactionError + }, +}); + export const DepositPending = createExample(TestedComponent, { transaction: { ...exampleData.deposit, pending: true } }); @@ -199,10 +232,24 @@ export const Refresh = createExample(TestedComponent, { transaction: exampleData.refresh }); +export const RefreshError = createExample(TestedComponent, { + transaction: { + ...exampleData.refresh, + error: transactionError + }, +}); + export const Tip = createExample(TestedComponent, { transaction: exampleData.tip }); +export const TipError = createExample(TestedComponent, { + transaction: { + ...exampleData.tip, + error: transactionError + }, +}); + export const TipPending = createExample(TestedComponent, { transaction: { ...exampleData.tip, pending: true } }); @@ -211,6 +258,13 @@ export const Refund = createExample(TestedComponent, { transaction: exampleData.refund }); +export const RefundError = createExample(TestedComponent, { + transaction: { + ...exampleData.refund, + error: transactionError + }, +}); + export const RefundPending = createExample(TestedComponent, { transaction: { ...exampleData.refund, pending: true } }); |