1 files changed, 59 insertions, 21 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
index a04a0b4fd..cd43c4526 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.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,39 +15,77 @@
  */
 
 /**
-*
-* @author Sebastian Javier Marchano (sebasjm)
-*/
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
 
-import { createExample } from '../test-utils';
-import { SettingsView as TestedComponent } from './Settings';
+import * as tests from "@gnu-taler/web-util/testing";
+import { SettingsView as TestedComponent } from "./Settings.js";
+import { WalletCoreVersion } from "@gnu-taler/taler-util";
 
 export default {
-  title: 'wallet/settings',
+  title: "settings",
   component: TestedComponent,
   argTypes: {
     setDeviceName: () => Promise.resolve(),
-  }
+  },
+};
+
+const version = {
+  coreVersion: {
+    exchange: "12:0:0",
+    merchant: "2:0:1",
+    bank: "0:0:0",
+    hash: "d439c3e1bc743f2aa47de4457953dba6ecb0e20f",
+    version: "1:2:3",
+    devMode: false,
+    bankConversionApiRange: "0:0:0",
+    bankIntegrationApiRange: "0:0:0",
+    corebankApiRange: "0:0:0",
+    implementationGitHash: "d439c3e1bc743f2aa47de4457953dba6ecb0e20f",
+    implementationSemver: "0.9.0-dev.1",
+  } satisfies WalletCoreVersion,
+  webexVersion: {
+    version: "0.9.0.13",
+    hash: "d439c3e1bc743f2aa47de4457953dba6ecb0e20f",
+  },
 };
 
-export const AllOff = createExample(TestedComponent, {
-  deviceName: 'this-is-the-device-name',
+export const AllOff = tests.createExample(TestedComponent, {
+  deviceName: "this-is-the-device-name",
+  advanceToggle: { value: false, button: {} },
+  autoOpenToggle: { value: false, button: {} },
+  langToggle: { value: false, button: {} },
   setDeviceName: () => Promise.resolve(),
+  ...version,
 });
 
-export const OneChecked = createExample(TestedComponent, {
-  deviceName: 'this-is-the-device-name',
-  permissionsEnabled: true,
+export const OneChecked = tests.createExample(TestedComponent, {
+  deviceName: "this-is-the-device-name",
+  advanceToggle: { value: false, button: {} },
+  autoOpenToggle: { value: false, button: {} },
+  langToggle: { value: false, button: {} },
   setDeviceName: () => Promise.resolve(),
+  ...version,
 });
 
-export const WithOneExchange = createExample(TestedComponent, {
-  deviceName: 'this-is-the-device-name',
-  permissionsEnabled: true,
+export const WithOneExchange = tests.createExample(TestedComponent, {
+  deviceName: "this-is-the-device-name",
+  advanceToggle: { value: false, button: {} },
+  autoOpenToggle: { value: false, button: {} },
+  langToggle: { value: false, button: {} },
   setDeviceName: () => Promise.resolve(),
-  knownExchanges: [{
-    currency: 'USD',
-    exchangeBaseUrl: 'http://exchange.taler',
-    paytoUris: ['payto://x-taler-bank/bank.rpi.sebasjm.com/exchangeminator']
-  }]
+  ...version,
 });
+
+export const WithExchangeInDifferentState = tests.createExample(
+  TestedComponent,
+  {
+    deviceName: "this-is-the-device-name",
+    advanceToggle: { value: false, button: {} },
+    autoOpenToggle: { value: false, button: {} },
+    langToggle: { value: false, button: {} },
+    setDeviceName: () => Promise.resolve(),
+    ...version,
+  },
+);