Test the cross-signing reset flow

Author: sandhose

frontend/stories/routes/reset-cross-signing.stories.tsx

@@ -0,0 +1,73 @@
+// Copyright 2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+// Please see LICENSE in the repository root for full details.
+
+import type { Meta, StoryObj } from "@storybook/react";
+import { HttpResponse, delay } from "msw";
+import {
+  mockAllowCrossSigningResetMutation,
+  mockCurrentViewerQuery,
+} from "../../src/gql/graphql";
+import { App } from "./app";
+
+const meta = {
+  title: "Pages/Reset cross signing",
+  tags: ["!autodocs"],
+  parameters: {
+    msw: {
+      handlers: [
+        mockAllowCrossSigningResetMutation(async () => {
+          await delay();
+
+          return HttpResponse.json({
+            data: {
+              allowUserCrossSigningReset: {
+                user: {
+                  id: "user-id",
+                },
+              },
+            },
+          });
+        }),
+      ],
+    },
+  },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+export const Index: Story = {
+  render: () => <App route="/reset-cross-signing" />,
+};
+
+export const DeepLink: Story = {
+  render: () => <App route="/reset-cross-signing?deepLink=true" />,
+};
+
+export const Success: Story = {
+  render: () => <App route="/reset-cross-signing/success" />,
+};
+
+export const Cancelled: Story = {
+  render: () => <App route="/reset-cross-signing/cancelled" />,
+};
+
+export const Errored: Story = {
+  render: () => <App route="/reset-cross-signing" />,
+  parameters: {
+    msw: {
+      handlers: [
+        mockCurrentViewerQuery(() =>
+          HttpResponse.json(
+            {
+              errors: [{ message: "Request failed" }],
+            },
+            { status: 400 },
+          ),
+        ),
+      ],
+    },
+  },
+};

frontend/tests/mocks/handlers.ts

@@ -14,6 +14,7 @@ import { CONFIG_FRAGMENT as USER_EMAIL_LIST_CONFIG_FRAGMENT } from "../../src/co
 import { makeFragmentData } from "../../src/gql";
 import {
   mockCurrentUserGreetingQuery,
+  mockCurrentViewerQuery,
   mockFooterQuery,
   mockUserEmailListQuery,
   mockUserProfileQuery,
@@ -41,6 +42,17 @@ export const handlers = [
     }),
   ),
 
+  mockCurrentViewerQuery(() =>
+    HttpResponse.json({
+      data: {
+        viewer: {
+          __typename: "User",
+          id: "user-id",
+        },
+      },
+    }),
+  ),
+
   mockCurrentUserGreetingQuery(() =>
     HttpResponse.json({
       data: {