Migrate to a monorepo structure (#2909)

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

@@ -0,0 +1,46 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+import { graphql } from 'msw';
+
+import { AppPath } from '@/types/AppPath';
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { mockedOnboardingUsersData } from '~/testing/mock-data/users';
+
+import { GET_CURRENT_USER } from '../../../modules/users/graphql/queries/getCurrentUser';
+import { CreateProfile } from '../CreateProfile';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Auth/CreateProfile',
+  component: CreateProfile,
+  decorators: [PageDecorator],
+  args: { routePath: AppPath.CreateProfile },
+  parameters: {
+    msw: [
+      graphql.query(
+        getOperationName(GET_CURRENT_USER) ?? '',
+        (req, res, ctx) => {
+          return res(
+            ctx.data({
+              currentUser: mockedOnboardingUsersData[1],
+            }),
+          );
+        },
+      ),
+    ],
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof CreateProfile>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await canvas.findByText('Create profile');
+  },
+};

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

@@ -0,0 +1,46 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+import { graphql } from 'msw';
+
+import { AppPath } from '@/types/AppPath';
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { mockedOnboardingUsersData } from '~/testing/mock-data/users';
+
+import { GET_CURRENT_USER } from '../../../modules/users/graphql/queries/getCurrentUser';
+import { CreateWorkspace } from '../CreateWorkspace';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Auth/CreateWorkspace',
+  component: CreateWorkspace,
+  decorators: [PageDecorator],
+  args: { routePath: AppPath.CreateWorkspace },
+  parameters: {
+    msw: [
+      graphql.query(
+        getOperationName(GET_CURRENT_USER) ?? '',
+        (req, res, ctx) => {
+          return res(
+            ctx.data({
+              currentUser: mockedOnboardingUsersData[0],
+            }),
+          );
+        },
+      ),
+    ],
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof CreateWorkspace>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await canvas.findByText('Create your workspace');
+  },
+};

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

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { fireEvent, within } from '@storybook/test';
+
+import { AppPath } from '@/types/AppPath';
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SignInUp } from '../SignInUp';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Auth/SignInUp',
+  component: SignInUp,
+  decorators: [PageDecorator],
+  args: { routePath: AppPath.SignIn },
+  parameters: {
+    msw: graphqlMocks,
+    cookie: {
+      tokenPair: '{}',
+    },
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SignInUp>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const continueWithEmailButton = await canvas.findByText(
+      'Continue With Email',
+    );
+
+    await fireEvent.click(continueWithEmailButton);
+  },
+};