taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

integrate anastasis to the web-utils testing api

Browse Source
This commit is contained in:
Sebastian 2023-04-21 10:47:47 -03:00
parent 6dcc488a2c
commit f470f167e3
No known key found for this signature in database
GPG Key ID: 173909D1A5F66069
36 changed files with 785 additions and 950 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/anastasis-webui/src/components/picker/DurationPicker.stories.tsx
View File

@ -22,6 +22,7 @@
import { h, FunctionalComponent } from "preact"; import { h, FunctionalComponent } from "preact";
import { useState } from "preact/hooks"; import { useState } from "preact/hooks";
import { DurationPicker as TestedComponent } from "./DurationPicker.js"; import { DurationPicker as TestedComponent } from "./DurationPicker.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
component: TestedComponent, component: TestedComponent,
@ -31,16 +32,7 @@ export default {
}, },
}; };
function createExample<Props>( export const Example = tests.createExample(TestedComponent, {
Component: FunctionalComponent<Props>,
props: Partial<Props>,
) {
const r = (args: any) => <Component {...args} />;
r.args = props;
return r;
}
export const Example = createExample(TestedComponent, {
days: true, days: true,
minutes: true, minutes: true,
hours: true, hours: true,

74
packages/anastasis-webui/src/index.test.ts
View File

@ -19,31 +19,63 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { setupI18n } from "@gnu-taler/taler-util"; import { setupI18n } from "@gnu-taler/taler-util";
import { renderNodeOrBrowser } from "./test-utils.js"; import { parseGroupImport, tests } from "@gnu-taler/web-util/lib/index.browser";
import * as pages from "./pages/home/index.storiesNo.js"; import * as pages from "./pages/home/index.stories.js";
import { ComponentChildren, VNode, h as create } from "preact";
import { AnastasisProvider } from "./context/anastasis.js";
import { AnastasisReducerApi } from "./hooks/use-anastasis-reducer.js";
import { ReducerState } from "@gnu-taler/anastasis-core";
setupI18n("en", { en: {} }); setupI18n("en", { en: {} });
function testThisStory(key: string, st: any): any { describe("All the examples:", () => {
describe.skip(`render examples for ${key}`, () => { const cms = parseGroupImport({ pages });
Object.keys(st).forEach((k) => { cms.forEach((group) => {
const Component = (st as any)[k]; describe(`Example for group "${group.title}":`, () => {
if (k === "default" || !Component) return; group.list.forEach((component) => {
describe(`Component ${component.name}:`, () => {
it(`example: ${k}`, () => { component.examples.forEach((example) => {
renderNodeOrBrowser(Component, Component.args); it(`should render example: ${example.name}`, () => {
tests.renderUI(example.render, DefaultTestingContext);
});
});
});
}); });
}); });
}); });
}
describe.skip("render every storybook example", () => {
Object.entries(pages).forEach(function testAll([key, value]) {
const st: any = value;
if (Array.isArray(st.default)) {
st.default.forEach(testAll);
} else {
testThisStory(key, st);
}
});
}); });
const noop = async (): Promise<void> => {
return;
};
function DefaultTestingContext({
children,
...rest
}: {
children: ComponentChildren;
}): VNode {
//some UI example can specify the state of the reducer
const currentReducerState = rest as ReducerState;
const value: AnastasisReducerApi = {
currentReducerState,
discoverMore: noop,
discoverStart: noop,
discoveryState: {
state: "finished",
},
currentError: undefined,
back: noop,
dismissError: noop,
reset: noop,
runTransaction: noop,
startBackup: noop,
startRecover: noop,
transition: noop,
exportState: () => {
return "{}";
},
importState: noop,
};
return create(AnastasisProvider, { value, children });
}

39
packages/anastasis-webui/src/pages/home/AddingProviderScreen/state.ts
View File

@ -25,7 +25,11 @@ interface Props {
notifications?: Notification[]; notifications?: Notification[];
} }
export default function useComponentState({ providerType, onCancel, notifications = [] }: Props): State { export default function useComponentState({
providerType,
onCancel,
notifications = [],
}: Props): State {
const reducer = useAnastasisContext(); const reducer = useAnastasisContext();
const [providerURL, setProviderURL] = useState(""); const [providerURL, setProviderURL] = useState("");
@ -39,9 +43,9 @@ export default function useComponentState({ providerType, onCancel, notification
const allAuthProviders = const allAuthProviders =
!reducer || !reducer ||
!reducer.currentReducerState || !reducer.currentReducerState ||
reducer.currentReducerState.reducer_type === "error" || reducer.currentReducerState.reducer_type === "error" ||
!reducer.currentReducerState.authentication_providers !reducer.currentReducerState.authentication_providers
? {} ? {}
: reducer.currentReducerState.authentication_providers; : reducer.currentReducerState.authentication_providers;
@ -58,7 +62,12 @@ export default function useComponentState({ providerType, onCancel, notification
prev[p.status].push({ ...p, url }); prev[p.status].push({ ...p, url });
return prev; return prev;
}, },
{ "not-contacted": [], disabled: [], error: [], ok: [] } as AuthProvByStatusMap, {
"not-contacted": [],
disabled: [],
error: [],
ok: [],
} as AuthProvByStatusMap,
); );
const authProviders = authProvidersByStatus["ok"].map((p) => p.url); const authProviders = authProvidersByStatus["ok"].map((p) => p.url);
@ -98,10 +107,10 @@ export default function useComponentState({ providerType, onCancel, notification
const addProvider = async (provider_url: string): Promise<void> => { const addProvider = async (provider_url: string): Promise<void> => {
await reducer.transition("add_provider", { provider_url }); await reducer.transition("add_provider", { provider_url });
onCancel(); onCancel();
} };
const deleteProvider = async (provider_url: string): Promise<void> => { const deleteProvider = async (provider_url: string): Promise<void> => {
reducer.transition("delete_provider", { provider_url }); reducer.transition("delete_provider", { provider_url });
} };
let errors = !providerURL ? "Add provider URL" : undefined; let errors = !providerURL ? "Add provider URL" : undefined;
let url: string | undefined; let url: string | undefined;
@ -110,7 +119,7 @@ export default function useComponentState({ providerType, onCancel, notification
} catch { } catch {
errors = "Check the URL"; errors = "Check the URL";
} }
const _url = url const _url = url;
if (!!error && !errors) { if (!!error && !errors) {
errors = error; errors = error;
@ -130,21 +139,19 @@ export default function useComponentState({ providerType, onCancel, notification
setProviderURL: async (s: string) => setProviderURL(s), setProviderURL: async (s: string) => setProviderURL(s),
errors, errors,
error, error,
notifications notifications,
} };
if (!providerLabel) { if (!providerLabel) {
return { return {
status: "without-type", status: "without-type",
...commonState ...commonState,
} };
} else { } else {
return { return {
status: "with-type", status: "with-type",
providerLabel, providerLabel,
...commonState ...commonState,
} };
} }
} }

10
packages/anastasis-webui/src/pages/home/AddingProviderScreen/stories.tsx
View File

@ -20,7 +20,7 @@
*/ */
import { AuthenticationProviderStatusOk } from "@gnu-taler/anastasis-core"; import { AuthenticationProviderStatusOk } from "@gnu-taler/anastasis-core";
import { createExampleWithoutAnastasis } from "../../../utils/index.jsx"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { WithoutProviderType, WithProviderType } from "./views.jsx"; import { WithoutProviderType, WithProviderType } from "./views.jsx";
export default { export default {
@ -34,7 +34,7 @@ export default {
}, },
}; };
export const NewProvider = createExampleWithoutAnastasis(WithoutProviderType, { export const NewProvider = tests.createExample(WithoutProviderType, {
authProvidersByStatus: { authProvidersByStatus: {
ok: [ ok: [
{ {
@ -57,7 +57,7 @@ export const NewProvider = createExampleWithoutAnastasis(WithoutProviderType, {
notifications: [], notifications: [],
}); });
export const NewProviderWithoutProviderList = createExampleWithoutAnastasis( export const NewProviderWithoutProviderList = tests.createExample(
WithoutProviderType, WithoutProviderType,
{ {
authProvidersByStatus: { authProvidersByStatus: {
@ -70,7 +70,7 @@ export const NewProviderWithoutProviderList = createExampleWithoutAnastasis(
}, },
); );
export const NewSmsProvider = createExampleWithoutAnastasis(WithProviderType, { export const NewSmsProvider = tests.createExample(WithProviderType, {
authProvidersByStatus: { authProvidersByStatus: {
ok: [], ok: [],
"not-contacted": [], "not-contacted": [],
@ -81,7 +81,7 @@ export const NewSmsProvider = createExampleWithoutAnastasis(WithProviderType, {
notifications: [], notifications: [],
}); });
export const NewIBANProvider = createExampleWithoutAnastasis(WithProviderType, { export const NewIBANProvider = tests.createExample(WithProviderType, {
authProvidersByStatus: { authProvidersByStatus: {
ok: [], ok: [],
"not-contacted": [], "not-contacted": [],

31
packages/anastasis-webui/src/pages/home/AddingProviderScreen/test.ts
View File

@ -20,23 +20,26 @@
*/ */
import { expect } from "chai"; import { expect } from "chai";
import { mountHook } from "../../../test-utils.js";
import useComponentState from "./state.js"; import useComponentState from "./state.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
describe("AddingProviderScreen states", () => { describe("AddingProviderScreen states", () => {
it("should have status 'no-balance' when balance is empty", async () => { it("should not load more if has reach the end", async () => {
const { getLastResultOrThrow, waitNextUpdate, assertNoPendingUpdate } = const hookBehavior = await tests.hookBehaveLikeThis(
mountHook(() => () => {
useComponentState({ onCancel: async () => { null } }), return useComponentState({
); providerType: "email",
async onCancel() {},
{ });
const { status } = getLastResultOrThrow(); },
expect(status).equal("no-reducer"); {},
} [
({ status }) => {
await assertNoPendingUpdate(); expect(status).eq("no-reducer");
},
],
);
expect(hookBehavior).deep.eq({ result: "ok" });
}); });
}); });

57
packages/anastasis-webui/src/pages/home/AttributeEntryScreen.stories.tsx
View File

@ -20,7 +20,8 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { AttributeEntryScreen as TestedComponent } from "./AttributeEntryScreen.js"; import { AttributeEntryScreen as TestedComponent } from "./AttributeEntryScreen.js";
export default { export default {
@ -35,7 +36,7 @@ export default {
}, },
}; };
export const Backup = createExample(TestedComponent, { export const Backup = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.backupAttributeEditing, ...reducerStatesExample.backupAttributeEditing,
required_attributes: [ required_attributes: [
{ {
@ -62,7 +63,7 @@ export const Backup = createExample(TestedComponent, {
], ],
} as ReducerState); } as ReducerState);
export const Recovery = createExample(TestedComponent, { export const Recovery = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.recoveryAttributeEditing, ...reducerStatesExample.recoveryAttributeEditing,
required_attributes: [ required_attributes: [
{ {
@ -89,10 +90,14 @@ export const Recovery = createExample(TestedComponent, {
], ],
} as ReducerState); } as ReducerState);
export const WithNoRequiredAttribute = createExample(TestedComponent, { export const WithNoRequiredAttribute = tests.createExample(
...reducerStatesExample.backupAttributeEditing, TestedComponent,
required_attributes: undefined, {},
} as ReducerState); {
...reducerStatesExample.backupAttributeEditing,
required_attributes: undefined,
} as ReducerState,
);
const allWidgets = [ const allWidgets = [
"anastasis_gtk_ia_aadhar_in", "anastasis_gtk_ia_aadhar_in",
@ -123,7 +128,7 @@ function typeForWidget(name: string): string {
return "string"; return "string";
} }
export const WithAllPosibleWidget = createExample(TestedComponent, { export const WithAllPosibleWidget = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.backupAttributeEditing, ...reducerStatesExample.backupAttributeEditing,
required_attributes: allWidgets.map((w) => ({ required_attributes: allWidgets.map((w) => ({
name: w, name: w,
@ -134,19 +139,23 @@ export const WithAllPosibleWidget = createExample(TestedComponent, {
})), })),
} as ReducerState); } as ReducerState);
export const WithAutocompleteFeature = createExample(TestedComponent, { export const WithAutocompleteFeature = tests.createExample(
...reducerStatesExample.backupAttributeEditing, TestedComponent,
required_attributes: [ {},
{ {
name: "ahv_number", ...reducerStatesExample.backupAttributeEditing,
label: "AHV Number", required_attributes: [
type: "string", {
uuid: "asdasdsa1", name: "ahv_number",
widget: "wid", label: "AHV Number",
"validation-regex": type: "string",
"^(756)\\.[0-9]{4}\\.[0-9]{4}\\.[0-9]{2}|(756)[0-9]{10}$", uuid: "asdasdsa1",
"validation-logic": "CH_AHV_check", widget: "wid",
autocomplete: "???.????.????.??", "validation-regex":
}, "^(756)\\.[0-9]{4}\\.[0-9]{4}\\.[0-9]{2}|(756)[0-9]{10}$",
], "validation-logic": "CH_AHV_check",
} as ReducerState); autocomplete: "???.????.????.??",
},
],
} as ReducerState,
);

116
packages/anastasis-webui/src/pages/home/AuthenticationEditorScreen.stories.tsx
View File

@ -20,7 +20,8 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { AuthenticationEditorScreen as TestedComponent } from "./AuthenticationEditorScreen.js"; import { AuthenticationEditorScreen as TestedComponent } from "./AuthenticationEditorScreen.js";
export default { export default {
@ -35,63 +36,72 @@ export default {
}, },
}; };
export const InitialState = createExample( export const InitialState = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.authEditing, reducerStatesExample.authEditing,
); );
export const OneAuthMethodConfigured = createExample(TestedComponent, { export const OneAuthMethodConfigured = tests.createExample(
...reducerStatesExample.authEditing, TestedComponent,
authentication_methods: [ {},
{ {
type: "question", ...reducerStatesExample.authEditing,
instructions: "what time is it?", authentication_methods: [
challenge: "asd", {
}, type: "question",
], instructions: "what time is it?",
} as ReducerState); challenge: "asd",
},
],
} as ReducerState,
);
export const SomeMoreAuthMethodConfigured = createExample(TestedComponent, { export const SomeMoreAuthMethodConfigured = tests.createExample(
...reducerStatesExample.authEditing, TestedComponent,
authentication_methods: [ {},
{ {
type: "question", ...reducerStatesExample.authEditing,
instructions: "what time is it?", authentication_methods: [
challenge: "asd", {
}, type: "question",
{ instructions: "what time is it?",
type: "question", challenge: "asd",
instructions: "what time is it?", },
challenge: "qwe", {
}, type: "question",
{ instructions: "what time is it?",
type: "sms", challenge: "qwe",
instructions: "what time is it?", },
challenge: "asd", {
}, type: "sms",
{ instructions: "what time is it?",
type: "email", challenge: "asd",
instructions: "what time is it?", },
challenge: "asd", {
}, type: "email",
{ instructions: "what time is it?",
type: "email", challenge: "asd",
instructions: "what time is it?", },
challenge: "asd", {
}, type: "email",
{ instructions: "what time is it?",
type: "email", challenge: "asd",
instructions: "what time is it?", },
challenge: "asd", {
}, type: "email",
{ instructions: "what time is it?",
type: "email", challenge: "asd",
instructions: "what time is it?", },
challenge: "asd", {
}, type: "email",
], instructions: "what time is it?",
} as ReducerState); challenge: "asd",
},
],
} as ReducerState,
);
export const NoAuthMethodProvided = createExample(TestedComponent, { export const NoAuthMethodProvided = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.authEditing, ...reducerStatesExample.authEditing,
authentication_providers: {}, authentication_providers: {},
authentication_methods: [], authentication_methods: [],

10
packages/anastasis-webui/src/pages/home/BackupFinishedScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { BackupFinishedScreen as TestedComponent } from "./BackupFinishedScreen.js"; import { BackupFinishedScreen as TestedComponent } from "./BackupFinishedScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Backup finish", title: "Backup finish",
@ -35,17 +36,18 @@ export default {
}, },
}; };
export const WithoutName = createExample( export const WithoutName = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.backupFinished, reducerStatesExample.backupFinished,
); );
export const WithName = createExample(TestedComponent, { export const WithName = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.backupFinished, ...reducerStatesExample.backupFinished,
secret_name: "super_secret", secret_name: "super_secret",
} as ReducerState); } as ReducerState);
export const WithDetails = createExample(TestedComponent, { export const WithDetails = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.backupFinished, ...reducerStatesExample.backupFinished,
secret_name: "super_secret", secret_name: "super_secret",
success_details: { success_details: {

145
packages/anastasis-webui/src/pages/home/ChallengeOverviewScreen.stories.tsx
View File

@ -24,8 +24,9 @@ import {
RecoveryStates, RecoveryStates,
ReducerState, ReducerState,
} from "@gnu-taler/anastasis-core"; } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { ChallengeOverviewScreen as TestedComponent } from "./ChallengeOverviewScreen.js"; import { ChallengeOverviewScreen as TestedComponent } from "./ChallengeOverviewScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Challenge overview", title: "Challenge overview",
@ -39,7 +40,7 @@ export default {
}, },
}; };
export const OneUnsolvedPolicy = createExample(TestedComponent, { export const OneUnsolvedPolicy = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSelecting, ...reducerStatesExample.challengeSelecting,
recovery_information: { recovery_information: {
policies: [[{ uuid: "1" }]], policies: [[{ uuid: "1" }]],
@ -53,7 +54,7 @@ export const OneUnsolvedPolicy = createExample(TestedComponent, {
}, },
} as ReducerState); } as ReducerState);
export const SomePoliciesOneSolved = createExample(TestedComponent, { export const SomePoliciesOneSolved = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSelecting, ...reducerStatesExample.challengeSelecting,
recovery_information: { recovery_information: {
policies: [[{ uuid: "1" }, { uuid: "2" }], [{ uuid: "uuid-3" }]], policies: [[{ uuid: "1" }, { uuid: "2" }], [{ uuid: "uuid-3" }]],
@ -82,7 +83,7 @@ export const SomePoliciesOneSolved = createExample(TestedComponent, {
}, },
} as ReducerState); } as ReducerState);
export const OneBadConfiguredPolicy = createExample(TestedComponent, { export const OneBadConfiguredPolicy = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSelecting, ...reducerStatesExample.challengeSelecting,
recovery_information: { recovery_information: {
policies: [[{ uuid: "1" }, { uuid: "2" }]], policies: [[{ uuid: "1" }, { uuid: "2" }]],
@ -96,71 +97,75 @@ export const OneBadConfiguredPolicy = createExample(TestedComponent, {
}, },
} as ReducerState); } as ReducerState);
export const OnePolicyWithAllTheChallenges = createExample(TestedComponent, { export const OnePolicyWithAllTheChallenges = tests.createExample(
...reducerStatesExample.challengeSelecting,
recovery_information: {
policies: [
[
{ uuid: "1" },
{ uuid: "2" },
{ uuid: "3" },
{ uuid: "4" },
{ uuid: "5" },
{ uuid: "6" },
{ uuid: "7" },
{ uuid: "8" },
],
],
challenges: [
{
instructions: "Does P equals NP?",
type: "question",
uuid: "1",
},
{
instructions: "SMS to 555-555",
type: "sms",
uuid: "2",
},
{
instructions: "Email to qwe@asd.com",
type: "email",
uuid: "3",
},
{
instructions: 'Enter 8 digits code for "Anastasis"',
type: "totp",
uuid: "4",
},
{
//
instructions: "Wire transfer from ASDXCVQWE123123 with holder Florian",
type: "iban",
uuid: "5",
},
{
instructions: "Join a video call",
type: "video", //Enter 8 digits code for "Anastasis"
uuid: "7",
},
{},
{
instructions: "Letter to address in postal code DE123123",
type: "post", //Enter 8 digits code for "Anastasis"
uuid: "8",
},
{
instructions: "instruction for an unknown type of challenge",
type: "new-type-of-challenge",
uuid: "6",
},
],
},
} as ReducerState);
export const OnePolicyWithAllTheChallengesInDifferentState = createExample(
TestedComponent, TestedComponent,
{},
{ {
...reducerStatesExample.challengeSelecting,
recovery_information: {
policies: [
[
{ uuid: "1" },
{ uuid: "2" },
{ uuid: "3" },
{ uuid: "4" },
{ uuid: "5" },
{ uuid: "6" },
{ uuid: "7" },
{ uuid: "8" },
],
],
challenges: [
{
instructions: "Does P equals NP?",
type: "question",
uuid: "1",
},
{
instructions: "SMS to 555-555",
type: "sms",
uuid: "2",
},
{
instructions: "Email to qwe@asd.com",
type: "email",
uuid: "3",
},
{
instructions: 'Enter 8 digits code for "Anastasis"',
type: "totp",
uuid: "4",
},
{
//
instructions:
"Wire transfer from ASDXCVQWE123123 with holder Florian",
type: "iban",
uuid: "5",
},
{
instructions: "Join a video call",
type: "video", //Enter 8 digits code for "Anastasis"
uuid: "7",
},
{},
{
instructions: "Letter to address in postal code DE123123",
type: "post", //Enter 8 digits code for "Anastasis"
uuid: "8",
},
{
instructions: "instruction for an unknown type of challenge",
type: "new-type-of-challenge",
uuid: "6",
},
],
},
} as ReducerState,
);
export const OnePolicyWithAllTheChallengesInDifferentState =
tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSelecting, ...reducerStatesExample.challengeSelecting,
recovery_state: RecoveryStates.ChallengeSelecting, recovery_state: RecoveryStates.ChallengeSelecting,
recovery_information: { recovery_information: {
@ -258,9 +263,9 @@ export const OnePolicyWithAllTheChallengesInDifferentState = createExample(
}, },
"uuid-10": { state: ChallengeFeedbackStatus.IncorrectAnswer.toString() }, "uuid-10": { state: ChallengeFeedbackStatus.IncorrectAnswer.toString() },
}, },
} as ReducerState, } as ReducerState);
); export const NoPolicies = tests.createExample(
export const NoPolicies = createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.challengeSelecting, reducerStatesExample.challengeSelecting,
); );

6
packages/anastasis-webui/src/pages/home/ChallengePayingScreen.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { ChallengePayingScreen as TestedComponent } from "./ChallengePayingScreen.js"; import { ChallengePayingScreen as TestedComponent } from "./ChallengePayingScreen.js";
export default { export default {
@ -34,7 +35,8 @@ export default {
}, },
}; };
export const Example = createExample( export const Example = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.challengePaying, reducerStatesExample.challengePaying,
); );

13
packages/anastasis-webui/src/pages/home/ContinentSelectionScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { ContinentSelectionScreen as TestedComponent } from "./ContinentSelectionScreen.js"; import { ContinentSelectionScreen as TestedComponent } from "./ContinentSelectionScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Continent selection", title: "Continent selection",
@ -35,22 +36,24 @@ export default {
}, },
}; };
export const BackupSelectContinent = createExample( export const BackupSelectContinent = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.backupSelectContinent, reducerStatesExample.backupSelectContinent,
); );
export const BackupSelectCountry = createExample(TestedComponent, { export const BackupSelectCountry = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.backupSelectContinent, ...reducerStatesExample.backupSelectContinent,
selected_continent: "Testcontinent", selected_continent: "Testcontinent",
} as ReducerState); } as ReducerState);
export const RecoverySelectContinent = createExample( export const RecoverySelectContinent = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.recoverySelectContinent, reducerStatesExample.recoverySelectContinent,
); );
export const RecoverySelectCountry = createExample(TestedComponent, { export const RecoverySelectCountry = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.recoverySelectContinent, ...reducerStatesExample.recoverySelectContinent,
selected_continent: "Testcontinent", selected_continent: "Testcontinent",
} as ReducerState); } as ReducerState);

11
packages/anastasis-webui/src/pages/home/EditPoliciesScreen.stories.tsx
View File

@ -20,7 +20,8 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { EditPoliciesScreen as TestedComponent } from "./EditPoliciesScreen.js"; import { EditPoliciesScreen as TestedComponent } from "./EditPoliciesScreen.js";
export default { export default {
@ -35,8 +36,9 @@ export default {
}, },
}; };
export const EditingAPolicy = createExample( export const EditingAPolicy = tests.createExample(
TestedComponent, TestedComponent,
{ index: 0 },
{ {
...reducerStatesExample.policyReview, ...reducerStatesExample.policyReview,
policies: [ policies: [
@ -84,11 +86,11 @@ export const EditingAPolicy = createExample(
}, },
], ],
} as ReducerState, } as ReducerState,
{ index: 0 },
); );
export const CreatingAPolicy = createExample( export const CreatingAPolicy = tests.createExample(
TestedComponent, TestedComponent,
{ index: 3 },
{ {
...reducerStatesExample.policyReview, ...reducerStatesExample.policyReview,
policies: [ policies: [
@ -136,5 +138,4 @@ export const CreatingAPolicy = createExample(
}, },
], ],
} as ReducerState, } as ReducerState,
{ index: 3 },
); );

8
packages/anastasis-webui/src/pages/home/PoliciesPayingScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { PoliciesPayingScreen as TestedComponent } from "./PoliciesPayingScreen.js"; import { PoliciesPayingScreen as TestedComponent } from "./PoliciesPayingScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Policies paying", title: "Policies paying",
@ -35,11 +36,12 @@ export default {
}, },
}; };
export const Example = createExample( export const Example = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.policyPay, reducerStatesExample.policyPay,
); );
export const WithSomePaymentRequest = createExample(TestedComponent, { export const WithSomePaymentRequest = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.policyPay, ...reducerStatesExample.policyPay,
policy_payment_requests: [ policy_payment_requests: [
{ {

8
packages/anastasis-webui/src/pages/home/RecoveryFinishedScreen.stories.tsx
View File

@ -21,8 +21,9 @@
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { encodeCrock, stringToBytes } from "@gnu-taler/taler-util"; import { encodeCrock, stringToBytes } from "@gnu-taler/taler-util";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { RecoveryFinishedScreen as TestedComponent } from "./RecoveryFinishedScreen.js"; import { RecoveryFinishedScreen as TestedComponent } from "./RecoveryFinishedScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Recovery Finished", title: "Recovery Finished",
@ -36,7 +37,7 @@ export default {
}, },
}; };
export const GoodEnding = createExample(TestedComponent, { export const GoodEnding = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.recoveryFinished, ...reducerStatesExample.recoveryFinished,
recovery_document: { recovery_document: {
secret_name: "the_name_of_the_secret", secret_name: "the_name_of_the_secret",
@ -49,7 +50,8 @@ export const GoodEnding = createExample(TestedComponent, {
}, },
} as ReducerState); } as ReducerState);
export const BadEnding = createExample( export const BadEnding = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.recoveryFinished, reducerStatesExample.recoveryFinished,
); );

457
packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { ReviewPoliciesScreen as TestedComponent } from "./ReviewPoliciesScreen.js"; import { ReviewPoliciesScreen as TestedComponent } from "./ReviewPoliciesScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Reviewing Policies", title: "Reviewing Policies",
@ -35,227 +36,235 @@ export default {
}, },
}; };
export const HasPoliciesButMethodListIsEmpty = createExample(TestedComponent, { export const HasPoliciesButMethodListIsEmpty = tests.createExample(
...reducerStatesExample.policyReview, TestedComponent,
policies: [ {},
{ {
methods: [ ...reducerStatesExample.policyReview,
{ policies: [
authentication_method: 0, {
provider: "asd", methods: [
}, {
{ authentication_method: 0,
authentication_method: 1, provider: "asd",
provider: "asd", },
}, {
], authentication_method: 1,
}, provider: "asd",
{ },
methods: [ ],
{ },
authentication_method: 1, {
provider: "asd", methods: [
}, {
], authentication_method: 1,
}, provider: "asd",
], },
authentication_methods: [], ],
} as ReducerState); },
],
authentication_methods: [],
} as ReducerState,
);
export const SomePoliciesWithMethods = createExample(TestedComponent, { export const SomePoliciesWithMethods = tests.createExample(
...reducerStatesExample.policyReview, TestedComponent,
policies: [ {},
{ {
methods: [ ...reducerStatesExample.policyReview,
{ policies: [
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 1, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 1,
authentication_method: 2, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
], authentication_method: 2,
}, provider: "https://kudos.demo.anastasis.lu/",
{ },
methods: [ ],
{ },
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 1, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 1,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 3,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 1, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 1,
authentication_method: 4, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 2, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 2,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 3,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 2, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 2,
authentication_method: 4, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 0, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 0,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
{ authentication_method: 3,
authentication_method: 4, provider: "https://anastasis.demo.taler.net/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 1, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 1,
authentication_method: 2, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 2,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 3,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 1, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 1,
authentication_method: 2, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://kudos.demo.anastasis.lu/", },
}, {
{ authentication_method: 2,
authentication_method: 4, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 1, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 1,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
{ authentication_method: 3,
authentication_method: 4, provider: "https://anastasis.demo.taler.net/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
{ },
methods: [ ],
{ },
authentication_method: 2, {
provider: "https://kudos.demo.anastasis.lu/", methods: [
}, {
{ authentication_method: 2,
authentication_method: 3, provider: "https://kudos.demo.anastasis.lu/",
provider: "https://anastasis.demo.taler.net/", },
}, {
{ authentication_method: 3,
authentication_method: 4, provider: "https://anastasis.demo.taler.net/",
provider: "https://anastasis.demo.taler.net/", },
}, {
], authentication_method: 4,
}, provider: "https://anastasis.demo.taler.net/",
], },
authentication_methods: [ ],
{ },
type: "email", ],
instructions: "Email to qwe@asd.com", authentication_methods: [
challenge: "E5VPA", {
}, type: "email",
{ instructions: "Email to qwe@asd.com",
type: "sms", challenge: "E5VPA",
instructions: "SMS to 555-555", },
challenge: "", {
}, type: "sms",
{ instructions: "SMS to 555-555",
type: "question", challenge: "",
instructions: "Does P equal NP?", },
challenge: "C5SP8", {
}, type: "question",
{ instructions: "Does P equal NP?",
type: "totp", challenge: "C5SP8",
instructions: "Response code for 'Anastasis'", },
challenge: "E5VPA", {
}, type: "totp",
{ instructions: "Response code for 'Anastasis'",
type: "sms", challenge: "E5VPA",
instructions: "SMS to 6666-6666", },
challenge: "", {
}, type: "sms",
{ instructions: "SMS to 6666-6666",
type: "question", challenge: "",
instructions: "How did the chicken cross the road?", },
challenge: "C5SP8", {
}, type: "question",
], instructions: "How did the chicken cross the road?",
} as ReducerState); challenge: "C5SP8",
},
],
} as ReducerState,
);

17
packages/anastasis-webui/src/pages/home/SecretEditorScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { SecretEditorScreen as TestedComponent } from "./SecretEditorScreen.js"; import { SecretEditorScreen as TestedComponent } from "./SecretEditorScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Secret editor", title: "Secret editor",
@ -35,11 +36,15 @@ export default {
}, },
}; };
export const WithSecretNamePreselected = createExample(TestedComponent, { export const WithSecretNamePreselected = tests.createExample(
...reducerStatesExample.secretEdition, TestedComponent,
secret_name: "someSecretName", {},
} as ReducerState); {
...reducerStatesExample.secretEdition,
secret_name: "someSecretName",
} as ReducerState,
);
export const WithoutName = createExample(TestedComponent, { export const WithoutName = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.secretEdition, ...reducerStatesExample.secretEdition,
} as ReducerState); } as ReducerState);

33
packages/anastasis-webui/src/pages/home/SecretSelectionScreen.stories.tsx
View File

@ -20,7 +20,8 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { import {
SecretSelectionScreen, SecretSelectionScreen,
SecretSelectionScreenFound, SecretSelectionScreenFound,
@ -34,16 +35,8 @@ export default {
}, },
}; };
export const Example = createExample( export const Example = tests.createExample(
SecretSelectionScreenFound, SecretSelectionScreenFound,
{
...reducerStatesExample.secretSelection,
recovery_document: {
provider_url: "https://kudos.demo.anastasis.lu/",
secret_name: "secretName",
version: 1,
},
} as ReducerState,
{ {
policies: [ policies: [
{ {
@ -70,9 +63,21 @@ export const Example = createExample(
}, },
], ],
}, },
{
...reducerStatesExample.secretSelection,
recovery_document: {
provider_url: "https://kudos.demo.anastasis.lu/",
secret_name: "secretName",
version: 1,
},
} as ReducerState,
); );
export const NoRecoveryDocumentFound = createExample(SecretSelectionScreen, { export const NoRecoveryDocumentFound = tests.createExample(
...reducerStatesExample.secretSelection, SecretSelectionScreen,
recovery_document: undefined, {},
} as ReducerState); {
...reducerStatesExample.secretSelection,
recovery_document: undefined,
} as ReducerState,
);

9
packages/anastasis-webui/src/pages/home/SolveScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { SolveScreen as TestedComponent } from "./SolveScreen.js"; import { SolveScreen as TestedComponent } from "./SolveScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Solve Screen", title: "Solve Screen",
@ -35,12 +36,12 @@ export default {
}, },
}; };
export const NoInformation = createExample( export const NoInformation = tests.createExample(
TestedComponent, TestedComponent,
reducerStatesExample.challengeSolving, reducerStatesExample.challengeSolving,
); );
export const NotSupportedChallenge = createExample(TestedComponent, { export const NotSupportedChallenge = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
challenges: [ challenges: [
@ -55,7 +56,7 @@ export const NotSupportedChallenge = createExample(TestedComponent, {
selected_challenge_uuid: "ASDASDSAD!1", selected_challenge_uuid: "ASDASDSAD!1",
} as ReducerState); } as ReducerState);
export const MismatchedChallengeId = createExample(TestedComponent, { export const MismatchedChallengeId = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
challenges: [ challenges: [

6
packages/anastasis-webui/src/pages/home/StartScreen.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../utils/index.js";
import { StartScreen as TestedComponent } from "./StartScreen.js"; import { StartScreen as TestedComponent } from "./StartScreen.js";
export default { export default {
@ -34,7 +35,8 @@ export default {
}, },
}; };
export const InitialState = createExample( export const InitialState = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.initial, reducerStatesExample.initial,
); );

8
packages/anastasis-webui/src/pages/home/TruthsPayingScreen.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../utils/index.js"; import { reducerStatesExample } from "../../utils/index.js";
import { TruthsPayingScreen as TestedComponent } from "./TruthsPayingScreen.js"; import { TruthsPayingScreen as TestedComponent } from "./TruthsPayingScreen.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Truths Paying", title: "Truths Paying",
@ -35,11 +36,12 @@ export default {
}, },
}; };
export const Example = createExample( export const Example = tests.createExample(
TestedComponent, TestedComponent,
{},
reducerStatesExample.truthsPaying, reducerStatesExample.truthsPaying,
); );
export const WithPaytoList = createExample(TestedComponent, { export const WithPaytoList = tests.createExample(TestedComponent, {}, {
...reducerStatesExample.truthsPaying, ...reducerStatesExample.truthsPaying,
payments: ["payto://x-taler-bank/bank/account"], payments: ["payto://x-taler-bank/bank/account"],
} as ReducerState); } as ReducerState);

15
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,17 +37,16 @@ export default {
const type: KnownAuthMethods = "email"; const type: KnownAuthMethods = "email";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
reducerStatesExample.authEditing,
); );
export const WithOneExample = createExample( export const WithOneExample = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -57,11 +57,11 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );
export const WithMoreExamples = createExample( export const WithMoreExamples = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -78,4 +78,5 @@ export const WithMoreExamples = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

19
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSolve.stories.tsx
View File

@ -23,8 +23,9 @@ import {
ChallengeFeedbackStatus, ChallengeFeedbackStatus,
ReducerState, ReducerState,
} from "@gnu-taler/anastasis-core"; } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Auth method: Email solve", title: "Auth method: Email solve",
@ -40,8 +41,11 @@ export default {
const type: KnownAuthMethods = "email"; const type: KnownAuthMethods = "email";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "uuid-1",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -56,13 +60,13 @@ export const WithoutFeedback = createExample(
}, },
selected_challenge_uuid: "uuid-1", selected_challenge_uuid: "uuid-1",
} as ReducerState, } as ReducerState,
);
export const PaymentFeedback = tests.createExample(
TestedComponent[type].solve,
{ {
id: "uuid-1", id: "uuid-1",
}, },
);
export const PaymentFeedback = createExample(
TestedComponent[type].solve,
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -85,7 +89,4 @@ export const PaymentFeedback = createExample(
}, },
}, },
} as ReducerState, } as ReducerState,
{
id: "uuid-1",
},
); );

17
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,17 +37,16 @@ export default {
const type: KnownAuthMethods = "iban"; const type: KnownAuthMethods = "iban";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
reducerStatesExample.authEditing,
); );
export const WithOneExample = createExample( export const WithOneExample = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -57,10 +57,10 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
);
export const WithMoreExamples = createExample(
TestedComponent[type].setup,
reducerStatesExample.authEditing, reducerStatesExample.authEditing,
);
export const WithMoreExamples = tests.createExample(
TestedComponent[type].setup,
{ {
configured: [ configured: [
{ {
@ -77,4 +77,5 @@ export const WithMoreExamples = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

13
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodIbanSolve.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { KnownAuthMethods, authMethods as TestedComponent } from "./index.js";
export default { export default {
title: "Auth method: IBAN Solve", title: "Auth method: IBAN Solve",
@ -37,8 +38,11 @@ export default {
const type: KnownAuthMethods = "iban"; const type: KnownAuthMethods = "iban";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "uuid-1",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -53,7 +57,4 @@ export const WithoutFeedback = createExample(
}, },
selected_challenge_uuid: "uuid-1", selected_challenge_uuid: "uuid-1",
} as ReducerState, } as ReducerState,
{
id: "uuid-1",
},
); );

15
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,17 +37,16 @@ export default {
const type: KnownAuthMethods = "post"; const type: KnownAuthMethods = "post";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
reducerStatesExample.authEditing,
); );
export const WithOneExample = createExample( export const WithOneExample = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -57,11 +57,11 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );
export const WithMoreExamples = createExample( export const WithMoreExamples = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -78,4 +78,5 @@ export const WithMoreExamples = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

11
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodPostSolve.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Auth method: Post solve", title: "Auth method: Post solve",
@ -37,8 +38,11 @@ export default {
const type: KnownAuthMethods = "post"; const type: KnownAuthMethods = "post";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "uuid-1",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -53,7 +57,4 @@ export const WithoutFeedback = createExample(
}, },
selected_challenge_uuid: "uuid-1", selected_challenge_uuid: "uuid-1",
} as ReducerState, } as ReducerState,
{
id: "uuid-1",
},
); );

15
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,17 +37,16 @@ export default {
const type: KnownAuthMethods = "question"; const type: KnownAuthMethods = "question";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
reducerStatesExample.authEditing,
); );
export const WithOneExample = createExample( export const WithOneExample = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -58,11 +58,11 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );
export const WithMoreExamples = createExample( export const WithMoreExamples = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -80,4 +80,5 @@ export const WithMoreExamples = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

236
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodQuestionSolve.stories.tsx
View File

@ -23,8 +23,9 @@ import {
ChallengeFeedbackStatus, ChallengeFeedbackStatus,
ReducerState, ReducerState,
} from "@gnu-taler/anastasis-core"; } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Auth method: Question solve", title: "Auth method: Question solve",
@ -40,8 +41,11 @@ export default {
const type: KnownAuthMethods = "question"; const type: KnownAuthMethods = "question";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "uuid-1",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -56,9 +60,6 @@ export const WithoutFeedback = createExample(
}, },
selected_challenge_uuid: "uuid-1", selected_challenge_uuid: "uuid-1",
} as ReducerState, } as ReducerState,
{
id: "uuid-1",
},
); );
const recovery_information = { const recovery_information = {
@ -72,45 +73,58 @@ const recovery_information = {
policies: [], policies: [],
}; };
export const CodeInFileFeedback = createExample(TestedComponent[type].solve, { export const CodeInFileFeedback = tests.createExample(
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.CodeInFile,
filename: "asd",
display_hint: "hint",
},
},
} as ReducerState);
export const CodeSentFeedback = createExample(TestedComponent[type].solve, {
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.CodeSent,
address_hint: "asdasd",
display_hint: "qweqweqw",
},
},
} as ReducerState);
export const SolvedFeedback = createExample(TestedComponent[type].solve, {
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.Solved,
},
},
} as ReducerState);
export const ServerFailureFeedback = createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.CodeInFile,
filename: "asd",
display_hint: "hint",
},
},
} as ReducerState,
);
export const CodeSentFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.CodeSent,
address_hint: "asdasd",
display_hint: "qweqweqw",
},
},
} as ReducerState,
);
export const SolvedFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.Solved,
},
},
} as ReducerState,
);
export const ServerFailureFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information, recovery_information,
@ -124,45 +138,58 @@ export const ServerFailureFeedback = createExample(
} as ReducerState, } as ReducerState,
); );
export const TruthUnknownFeedback = createExample(TestedComponent[type].solve, { export const TruthUnknownFeedback = tests.createExample(
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.TruthUnknown,
},
},
} as ReducerState);
export const TalerPaymentFeedback = createExample(TestedComponent[type].solve, {
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.TalerPayment,
payment_secret: "secret",
provider: "asdasdas",
taler_pay_uri: "taler://pay/...",
},
},
} as ReducerState);
export const UnsupportedFeedback = createExample(TestedComponent[type].solve, {
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.Unsupported,
unsupported_method: "method",
},
},
} as ReducerState);
export const RateLimitExceededFeedback = createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.TruthUnknown,
},
},
} as ReducerState,
);
export const TalerPaymentFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.TalerPayment,
payment_secret: "secret",
provider: "asdasdas",
taler_pay_uri: "taler://pay/...",
},
},
} as ReducerState,
);
export const UnsupportedFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{
...reducerStatesExample.challengeSolving,
recovery_information,
selected_challenge_uuid: "ASDASDSAD!1",
challenge_feedback: {
"ASDASDSAD!1": {
state: ChallengeFeedbackStatus.Unsupported,
unsupported_method: "method",
},
},
} as ReducerState,
);
export const RateLimitExceededFeedback = tests.createExample(
TestedComponent[type].solve,
{},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information, recovery_information,
@ -175,8 +202,9 @@ export const RateLimitExceededFeedback = createExample(
} as ReducerState, } as ReducerState,
); );
export const IbanInstructionsFeedback = createExample( export const IbanInstructionsFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information, recovery_information,
@ -194,8 +222,9 @@ export const IbanInstructionsFeedback = createExample(
} as ReducerState, } as ReducerState,
); );
export const IncorrectAnswerFeedback = createExample( export const IncorrectAnswerFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information, recovery_information,
@ -207,44 +236,3 @@ export const IncorrectAnswerFeedback = createExample(
}, },
} as ReducerState, } as ReducerState,
); );
// export const AuthIbanFeedback = createExample(TestedComponent[type].solve, {
// ...reducerStatesExample.challengeSolving,
// recovery_information: {
// challenges: [
// {
// instructions: "does P equals NP?",
// type: "question",
// uuid: "ASDASDSAD!1",
// },
// ],
// policies: [],
// },
// selected_challenge_uuid: "ASDASDSAD!1",
// challenge_feedback: {
// "ASDASDSAD!1": ibanFeedback,
// },
// } as ReducerState);
// export const PaymentFeedback = createExample(TestedComponent[type].solve, {
// ...reducerStatesExample.challengeSolving,
// recovery_information: {
// challenges: [
// {
// instructions: "does P equals NP?",
// type: "question",
// uuid: "ASDASDSAD!1",
// },
// ],
// policies: [],
// },
// selected_challenge_uuid: "ASDASDSAD!1",
// challenge_feedback: {
// "ASDASDSAD!1": {
// state: ChallengeFeedbackStatus.TalerPayment,
// taler_pay_uri: "taler://pay/...",
// provider: "https://localhost:8080/",
// payment_secret: "3P4561HAMHRRYEYD6CM6J7TS5VTD5SR2K2EXJDZEFSX92XKHR4KG",
// },
// },
// } as ReducerState);

15
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,17 +37,16 @@ export default {
const type: KnownAuthMethods = "sms"; const type: KnownAuthMethods = "sms";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
reducerStatesExample.authEditing,
); );
export const WithOneExample = createExample( export const WithOneExample = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -57,11 +57,11 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );
export const WithMoreExamples = createExample( export const WithMoreExamples = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [ configured: [
{ {
@ -78,4 +78,5 @@ export const WithMoreExamples = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

11
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodSmsSolve.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
import { tests } from "@gnu-taler/web-util/lib/index.browser";
export default { export default {
title: "Auth method: SMS solve", title: "Auth method: SMS solve",
@ -37,8 +38,11 @@ export default {
const type: KnownAuthMethods = "sms"; const type: KnownAuthMethods = "sms";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "AHCC4ZJ3Z1AF8TWBKGVGEKCQ3R7HXHJ51MJ45NHNZMHYZTKJ9NW0",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -54,7 +58,4 @@ export const WithoutFeedback = createExample(
selected_challenge_uuid: selected_challenge_uuid:
"AHCC4ZJ3Z1AF8TWBKGVGEKCQ3R7HXHJ51MJ45NHNZMHYZTKJ9NW0", "AHCC4ZJ3Z1AF8TWBKGVGEKCQ3R7HXHJ51MJ45NHNZMHYZTKJ9NW0",
} as ReducerState, } as ReducerState,
{
id: "AHCC4ZJ3Z1AF8TWBKGVGEKCQ3R7HXHJ51MJ45NHNZMHYZTKJ9NW0",
},
); );

19
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSetup.stories.tsx
View File

@ -19,7 +19,8 @@
* @author Sebastian Javier Marchano (sebasjm) * @author Sebastian Javier Marchano (sebasjm)
*/ */
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { reducerStatesExample } from "../../../utils/index.js";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js";
export default { export default {
@ -36,16 +37,15 @@ export default {
const type: KnownAuthMethods = "totp"; const type: KnownAuthMethods = "totp";
export const Empty = createExample( export const Empty = tests.createExample(
TestedComponent[type].setup, TestedComponent[type].setup,
reducerStatesExample.authEditing,
{ {
configured: [], configured: [],
}, },
);
export const WithOneExample = createExample(
TestedComponent[type].setup,
reducerStatesExample.authEditing, reducerStatesExample.authEditing,
);
export const WithOneExample = tests.createExample(
TestedComponent[type].setup,
{ {
configured: [ configured: [
{ {
@ -56,10 +56,10 @@ export const WithOneExample = createExample(
}, },
], ],
}, },
);
export const WithMoreExample = createExample(
TestedComponent[type].setup,
reducerStatesExample.authEditing, reducerStatesExample.authEditing,
);
export const WithMoreExample = tests.createExample(
TestedComponent[type].setup,
{ {
configured: [ configured: [
{ {
@ -76,4 +76,5 @@ export const WithMoreExample = createExample(
}, },
], ],
}, },
reducerStatesExample.authEditing,
); );

13
packages/anastasis-webui/src/pages/home/authMethod/AuthMethodTotpSolve.stories.tsx
View File

@ -20,8 +20,9 @@
*/ */
import { ReducerState } from "@gnu-taler/anastasis-core"; import { ReducerState } from "@gnu-taler/anastasis-core";
import { createExample, reducerStatesExample } from "../../../utils/index.js"; import { tests } from "@gnu-taler/web-util/lib/index.browser";
import { authMethods as TestedComponent, KnownAuthMethods } from "./index.js"; import { reducerStatesExample } from "../../../utils/index.js";
import { KnownAuthMethods, authMethods as TestedComponent } from "./index.js";
export default { export default {
title: "Auth method: Totp solve", title: "Auth method: Totp solve",
@ -37,8 +38,11 @@ export default {
const type: KnownAuthMethods = "totp"; const type: KnownAuthMethods = "totp";
export const WithoutFeedback = createExample( export const WithoutFeedback = tests.createExample(
TestedComponent[type].solve, TestedComponent[type].solve,
{
id: "uuid-1",
},
{ {
...reducerStatesExample.challengeSolving, ...reducerStatesExample.challengeSolving,
recovery_information: { recovery_information: {
@ -53,7 +57,4 @@ export const WithoutFeedback = createExample(
}, },
selected_challenge_uuid: "uuid-1", selected_challenge_uuid: "uuid-1",
} as ReducerState, } as ReducerState,
{
id: "uuid-1",
},
); );

2
packages/anastasis-webui/src/pages/home/index.storiesNo.tsx → packages/anastasis-webui/src/pages/home/index.stories.tsx
View File

@ -35,6 +35,7 @@ export * as authMethod_AuthMethodSmsSetup from "./authMethod/AuthMethodSmsSetup.
export * as authMethod_AuthMethodSmsSolve from "./authMethod/AuthMethodSmsSolve.stories.js"; export * as authMethod_AuthMethodSmsSolve from "./authMethod/AuthMethodSmsSolve.stories.js";
export * as authMethod_AuthMethodTotpSetup from "./authMethod/AuthMethodTotpSetup.stories.js"; export * as authMethod_AuthMethodTotpSetup from "./authMethod/AuthMethodTotpSetup.stories.js";
export * as authMethod_AuthMethodTotpSolve from "./authMethod/AuthMethodTotpSolve.stories.js"; export * as authMethod_AuthMethodTotpSolve from "./authMethod/AuthMethodTotpSolve.stories.js";
export * as BackupFinishedScreen from "./BackupFinishedScreen.stories.js"; export * as BackupFinishedScreen from "./BackupFinishedScreen.stories.js";
export * as ChallengeOverviewScreen from "./ChallengeOverviewScreen.stories.js"; export * as ChallengeOverviewScreen from "./ChallengeOverviewScreen.stories.js";
export * as ChallengePayingScreen from "./ChallengePayingScreen.stories.js"; export * as ChallengePayingScreen from "./ChallengePayingScreen.stories.js";
@ -42,6 +43,7 @@ export * as ContinentSelectionScreen from "./ContinentSelectionScreen.stories.js
export * as EditPoliciesScreen from "./EditPoliciesScreen.stories.js"; export * as EditPoliciesScreen from "./EditPoliciesScreen.stories.js";
export * as PoliciesPayingScreen from "./PoliciesPayingScreen.stories.js"; export * as PoliciesPayingScreen from "./PoliciesPayingScreen.stories.js";
export * as RecoveryFinishedScreen from "./RecoveryFinishedScreen.stories.js"; export * as RecoveryFinishedScreen from "./RecoveryFinishedScreen.stories.js";
export * as ReviewPoliciesScreen from "./ReviewPoliciesScreen.stories.js"; export * as ReviewPoliciesScreen from "./ReviewPoliciesScreen.stories.js";
export * as SecretEditorScreen from "./SecretEditorScreen.stories.js"; export * as SecretEditorScreen from "./SecretEditorScreen.stories.js";
export * as SecretSelectionScreen from "./SecretSelectionScreen.stories.js"; export * as SecretSelectionScreen from "./SecretSelectionScreen.stories.js";

2
packages/anastasis-webui/src/stories.tsx
View File

@ -20,7 +20,7 @@
*/ */
import { strings } from "./i18n/strings.js"; import { strings } from "./i18n/strings.js";
import * as pages from "./pages/home/index.storiesNo.js"; import * as pages from "./pages/home/index.stories.js";
import { renderStories } from "@gnu-taler/web-util/lib/index.browser"; import { renderStories } from "@gnu-taler/web-util/lib/index.browser";

205
packages/anastasis-webui/src/test-utils.ts
View File

@ -1,205 +0,0 @@
/*
This file is part of GNU Anastasis
(C) 2021-2022 Anastasis SARL
GNU Anastasis is free software; you can redistribute it and/or modify it under the
terms of the GNU Affero General Public License as published by the Free Software
Foundation; either version 3, or (at your option) any later version.
GNU Anastasis is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License along with
GNU Anastasis; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
import {
ComponentChildren,
Fragment,
FunctionalComponent,
h as create,
options,
render as renderIntoDom,
VNode,
} from "preact";
import { render as renderToString } from "preact-render-to-string";
// When doing tests we want the requestAnimationFrame to be as fast as possible.
// without this option the RAF will timeout after 100ms making the tests slower
options.requestAnimationFrame = (fn: () => void) => {
// console.log("RAF called")
return fn();
};
export function createExample<Props>(
Component: FunctionalComponent<Props>,
props: Partial<Props> | (() => Partial<Props>),
): ComponentChildren {
//FIXME: props are evaluated on build time
// in some cases we want to evaluated the props on render time so we can get some relative timestamp
// check how we can build evaluatedProps in render time
const evaluatedProps = typeof props === "function" ? props() : props;
const Render = (args: any): VNode => create(Component, args);
return {
component: Render,
props: evaluatedProps
};
}
export function createExampleWithCustomContext<Props, ContextProps>(
Component: FunctionalComponent<Props>,
props: Partial<Props> | (() => Partial<Props>),
ContextProvider: FunctionalComponent<ContextProps>,
contextProps: Partial<ContextProps>,
): ComponentChildren {
const evaluatedProps = typeof props === "function" ? props() : props;
const Render = (args: any): VNode => create(Component, args);
const WithContext = (args: any): VNode =>
create(ContextProvider, {
...contextProps,
children: [Render(args)],
} as any);
return {
component: WithContext,
props: evaluatedProps
};
}
export function NullLink({
children,
}: {
children?: ComponentChildren;
}): VNode {
return create("a", { children, href: "javascript:void(0);" });
}
export function renderNodeOrBrowser(Component: any, args: any): void {
const vdom = create(Component, args);
if (typeof window === "undefined") {
renderToString(vdom);
} else {
const div = document.createElement("div");
document.body.appendChild(div);
renderIntoDom(vdom, div);
renderIntoDom(null, div);
document.body.removeChild(div);
}
}
interface Mounted<T> {
unmount: () => void;
getLastResultOrThrow: () => T;
assertNoPendingUpdate: () => void;
waitNextUpdate: (s?: string) => Promise<void>;
}
const isNode = typeof window === "undefined";
export function mountHook<T>(
callback: () => T,
Context?: ({ children }: { children: any }) => VNode,
): Mounted<T> {
// const result: { current: T | null } = {
// current: null
// }
let lastResult: T | Error | null = null;
const listener: Array<() => void> = [];
// component that's going to hold the hook
function Component(): VNode {
try {
lastResult = callback();
} catch (e) {
if (e instanceof Error) {
lastResult = e;
} else {
lastResult = new Error(`mounting the hook throw an exception: ${e}`);
}
}
// notify to everyone waiting for an update and clean the queue
listener.splice(0, listener.length).forEach((cb) => cb());
return create(Fragment, {});
}
// create the vdom with context if required
const vdom = !Context
? create(Component, {})
: create(Context, { children: [create(Component, {})] });
// waiter callback
async function waitNextUpdate(_label = ""): Promise<void> {
if (_label) _label = `. label: "${_label}"`;
await new Promise((res, rej) => {
const tid = setTimeout(() => {
rej(
Error(`waiting for an update but the hook didn't make one${_label}`),
);
}, 100);
listener.push(() => {
clearTimeout(tid);
res(undefined);
});
});
}
const customElement = {} as Element;
const parentElement = isNode ? customElement : document.createElement("div");
if (!isNode) {
document.body.appendChild(parentElement);
}
renderIntoDom(vdom, parentElement);
// clean up callback
function unmount(): void {
if (!isNode) {
document.body.removeChild(parentElement);
}
}
function getLastResult(): T | Error | null {
const copy = lastResult;
lastResult = null;
return copy;
}
function getLastResultOrThrow(): T {
const r = getLastResult();
if (r instanceof Error) throw r;
if (!r) throw Error("there was no last result");
return r;
}
async function assertNoPendingUpdate(): Promise<void> {
await new Promise((res, rej) => {
const tid = setTimeout(() => {
res(undefined);
}, 10);
listener.push(() => {
clearTimeout(tid);
rej(
Error(`Expecting no pending result but the hook got updated.
If the update was not intended you need to check the hook dependencies
(or dependencies of the internal state) but otherwise make
sure to consume the result before ending the test.`),
);
});
});
const r = getLastResult();
if (r)
throw Error(`There are still pending results.
This may happen because the hook did a new update but the test didn't consume the result using getLastResult`);
}
return {
unmount,
getLastResultOrThrow,
waitNextUpdate,
assertNoPendingUpdate,
};
}

57
packages/anastasis-webui/src/utils/index.tsx
View File

@ -21,67 +21,12 @@ import {
ReducerState, ReducerState,
ReducerStateRecovery, ReducerStateRecovery,
} from "@gnu-taler/anastasis-core"; } from "@gnu-taler/anastasis-core";
import { ComponentChildren, FunctionalComponent, h, VNode } from "preact"; import { VNode } from "preact";
import { AnastasisProvider } from "../context/anastasis.js";
const noop = async (): Promise<void> => { const noop = async (): Promise<void> => {
return; return;
}; };
export function createExampleWithoutAnastasis<Props>(
Component: FunctionalComponent<Props>,
props: Partial<Props> | (() => Partial<Props>),
): ComponentChildren {
//FIXME: props are evaluated on build time
// in some cases we want to evaluated the props on render time so we can get some relative timestamp
// check how we can build evaluatedProps in render time
const evaluatedProps = typeof props === "function" ? props() : props;
const Render = (args: any): VNode => h(Component, args);
return {
component: Render,
props: evaluatedProps,
};
}
export function createExample<Props>(
Component: FunctionalComponent<Props>,
currentReducerState?: ReducerState,
props?: Partial<Props>,
): ComponentChildren {
const Render = (args: Props): VNode => {
return (
<AnastasisProvider
value={{
currentReducerState,
discoverMore: noop,
discoverStart: noop,
discoveryState: {
state: "finished",
},
currentError: undefined,
back: noop,
dismissError: noop,
reset: noop,
runTransaction: noop,
startBackup: noop,
startRecover: noop,
transition: noop,
exportState: () => {
return "{}";
},
importState: noop,
}}
>
<Component {...(args as any)} />
</AnastasisProvider>
);
};
return {
component: Render,
props: props,
};
}
const base = { const base = {
continents: [ continents: [
{ {