Migrate to a monorepo structure (#2909)

packages/twenty-front/src/pages/settings/__stories__/SettingsAppearance.stories.tsx

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsAppearance } from '../SettingsAppearance';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsAppearance',
+  component: SettingsAppearance,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/appearance' },
+  parameters: {
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsAppearance>;
+
+export const Default: Story = {};

packages/twenty-front/src/pages/settings/__stories__/SettingsProfile.stories.tsx

@@ -0,0 +1,34 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsProfile } from '../SettingsProfile';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsProfile',
+  component: SettingsProfile,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/profile' },
+  parameters: {
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsProfile>;
+
+export const Default: Story = {};
+
+export const LogOut: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const logoutButton = await canvas.findByText('Logout');
+    await logoutButton.click();
+  },
+};

packages/twenty-front/src/pages/settings/__stories__/SettingsWorkspace.stories.tsx

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+
+import { SettingsWorkspace } from '../SettingsWorkspace';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsWorkspace',
+  component: SettingsWorkspace,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/workspace' },
+  parameters: {
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsWorkspace>;
+
+export const Default: Story = {};

packages/twenty-front/src/pages/settings/__stories__/SettingsWorkspaceMembers.stories.tsx

@@ -0,0 +1,35 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
+
+import {
+  PageDecorator,
+  PageDecoratorArgs,
+} from '~/testing/decorators/PageDecorator';
+import { graphqlMocks } from '~/testing/graphqlMocks';
+import { sleep } from '~/testing/sleep';
+
+import { SettingsWorkspaceMembers } from '../SettingsWorkspaceMembers';
+
+const meta: Meta<PageDecoratorArgs> = {
+  title: 'Pages/Settings/SettingsWorkspaceMembers',
+  component: SettingsWorkspaceMembers,
+  decorators: [PageDecorator],
+  args: { routePath: '/settings/workspace-members' },
+  parameters: {
+    msw: graphqlMocks,
+  },
+};
+
+export default meta;
+
+export type Story = StoryObj<typeof SettingsWorkspaceMembers>;
+
+export const Default: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await sleep(1000);
+
+    await canvas.getByRole('button', { name: 'Copy link' });
+  },
+};