Improve test coverage (#6244)

packages/twenty-front/src/pages/auth/__stories__/Invite.stories.tsx

@@ -0,0 +1,84 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { Meta, StoryObj } from '@storybook/react';
+import { fireEvent, within } from '@storybook/test';
+import { HttpResponse, graphql } from 'msw';
+
+import { AppPath } from '@/types/AppPath';
+import { GET_CURRENT_USER } from '@/users/graphql/queries/getCurrentUser';
+import { GET_WORKSPACE_FROM_INVITE_HASH } from '@/workspace/graphql/queries/getWorkspaceFromInviteHash';
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { Invite } from '../Invite';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Auth/Invite',
+  component: Invite,
+  decorators: [PageDecorator],
+  args: {
+    routePath: AppPath.Invite,
+    routeParams: { ':workspaceInviteHash': 'my-hash' },
+  },
+  parameters: {
+    msw: {
+      handlers: [
+        graphql.query(
+          getOperationName(GET_WORKSPACE_FROM_INVITE_HASH) ?? '',
+          () => {
+            return HttpResponse.json({
+              data: {
+                findWorkspaceFromInviteHash: {
+                  __typename: 'Workspace',
+                  id: '20202020-91f0-46d0-acab-cb5afef3cc3b',
+                  displayName: 'Twenty dev',
+                  logo: null,
+                  allowImpersonation: false,
+                },
+              },
+            });
+          },
+        ),
+        graphql.query(getOperationName(GET_CURRENT_USER) ?? '', () => {
+          return HttpResponse.json({
+            data: null,
+            errors: [
+              {
+                message: 'Unauthorized',
+                extensions: {
+                  code: 'UNAUTHENTICATED',
+                  response: {
+                    statusCode: 401,
+                    message: 'Unauthorized',
+                  },
+                },
+              },
+            ],
+          });
+        }),
+        graphqlMocks.handlers,
+      ],
+    },
+    cookie: '',
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof Invite>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await canvas.findByText('Join Twenty dev team');
+
+    const continueWithEmailButton = await canvas.findByText(
+      'Continue With Email',
+    );
+
+    await fireEvent.click(continueWithEmailButton);
+  },
+};