Test Github CI

.github/workflows/playwright.yml

@@ -18,7 +18,7 @@ jobs:
     - name: Install Playwright Browsers
       run: yarn playwright install --with-deps
     - name: Run Playwright tests
-      run: yarn playwright test
+      run: yarn test:e2e companies
     - uses: actions/upload-artifact@v4
       if: always()
       with:

.gitignore

@@ -27,4 +27,5 @@ storybook-static
 *.tsbuildinfo
 .eslintcache
 .cache
-.nyc_output
+.nyc_output
+test-results/

packages/twenty-e2e-testing/.env.example

@@ -9,6 +9,11 @@ [email protected]
 # Documentation for REST API: https://twenty.com/developers/rest-api/core#/
 # REST_API_BASE_URL=http://localhost:3000/rest/
 
+# Documentation for GraphQL API: https://twenty.com/developers/graphql/core
+# GRAPHQL_BASE_URL=http://localhost:3000/graphql
+
 # Without this key, all API tests will fail, to generate this key
+# In order to use it, header Authorization: Bearer token must be used
 # Log in to Twenty workspace, go to Settings > Developers, generate new key and paste it here
-# REST_API_DEV_KEY=fill_with_proper_key
+# This key works for REST and GraphQL API
+# API_DEV_KEY=fill_with_proper_key

packages/twenty-e2e-testing/.gitignore

@@ -3,4 +3,7 @@ playwright-report/
 blob-report/
 playwright/.cache/
 run_results/
-results/
+playwright-report/.last-run.json
+results/
+run_results/.playwright-artifacts-0/
+run_results/.playwright-artifacts-1/

packages/twenty-e2e-testing/README.md

@@ -1,8 +1,8 @@
 # Twenty e2e Testing
 
-## Install
+## Prerequisition
 
-Don't forget to install the browsers before launching the tests  :
+Installing the browsers:
 
 ```
 yarn playwright install 

packages/twenty-e2e-testing/playwright.config.ts

@@ -8,18 +8,19 @@ config();
  */
 export default defineConfig({
   testDir: '.',
-  outputDir: 'run_results/', //
-  snapshotPathTemplate: '{testDir}/__screenshots__/{testFilePath}/{arg}{ext}',
-  fullyParallel: true, //
+  outputDir: 'run_results/', // directory for screenshots and videos
+  snapshotPathTemplate: '{testDir}/__screenshots__/{testFilePath}/{arg}{ext}', // just in case, do not delete it
+  fullyParallel: true, // false only for specific tests, overwritten in specific projects or global setups of projects
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
-  timeout: 5 * 60 * 1000,
+  timeout: 30 * 1000,
   use: {
     baseURL: process.env.FRONTEND_BASE_URL ?? 'http://localhost:3001',
     trace: 'on-first-retry',
     screenshot: 'only-on-failure',
     headless: true,
+    testIdAttribute: 'data-testid',
     viewport: { width: 1920, height: 1080 }, // most laptops use this resolution
     launchOptions: {
       slowMo: 50,
@@ -39,10 +40,10 @@ export default defineConfig({
       use: { ...devices['Desktop Firefox'] },
     },
 
-    /*{
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },*/
+    //{
+    //  name: 'webkit',
+    //  use: { ...devices['Desktop Safari'] },
+    //},
 
     /* Test against mobile viewports. */
     // {
@@ -55,19 +56,19 @@ export default defineConfig({
     // },
 
     /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
+    //{
+    //  name: 'Microsoft Edge',
+    //  use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    //},
+    //{
+    //  name: 'Google Chrome',
+    //  use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    //},
   ],
   /* Run your local dev server before starting the tests */
   //webServer: {
   //  command: 'npx nx start',
-  //  url: 'http://127.0.0.1:3000',
+  //  url: 'http://localhost:3000', // somehow `localhost` is not mapped to 127.0.0.1
   //  reuseExistingServer: !process.env.CI,
   //},
 });

packages/twenty-e2e-testing/tests/companies.spec.ts

@@ -16,7 +16,10 @@ test.beforeEach(async ({ page }) => {
 
 test.afterEach(async ({ page, browserName }, workerInfo) => {
   await page.screenshot({
-    path: `./packages/twenty-e2e-testing/results/screenshots/${browserName}/`+workerInfo.project.name+`${date.toISOString()}.png`,
+    path:
+      `./packages/twenty-e2e-testing/results/screenshots/${browserName}/` +
+      workerInfo.project.name +
+      `${date.toISOString()}.png`,
   });
 });
 
@@ -26,5 +29,5 @@ test.describe('Basic check', () => {
     expect(page.url()).toContain('/companies');
     await expect(page.locator('table')).toBeVisible();
     await expect(page.locator('tbody > tr')).toHaveCount(13);
-  })
-});
+  });
+});

packages/twenty-e2e-testing/tests/workspaces.spec.ts

@@ -3,69 +3,71 @@ import { sh } from '../drivers/shell_driver';
 
 const date = new Date();
 
-test.beforeEach(async ({ page }) => {
-  await page.goto('/');
-});
-
 test.afterEach(async ({ page, browserName }) => {
   await page.screenshot({
     path: `./packages/twenty-e2e-testing/results/screenshots/${browserName}/${date.toISOString()}.png`,
   });
 });
 
-test('Testing logging', async ({ page }) => {
-  await page.goto('/');
-  await page.getByRole('button', { name: 'Continue With Email' }).click();
-  await page.getByPlaceholder('Email').fill('[email protected]');
-  await page.getByRole('button', { name: 'Continue' }).click();
-  await page.getByPlaceholder('Password').fill('Applecar2025');
-  await page.getByRole('button', { name: 'Sign in' }).click();
-});
-
-test('Creating new workspace', async ({ page, browserName }) => {
-  if (browserName == 'firefox') {
-    await page.goto('/');
-    await page.getByRole('button', { name: 'Continue With Email' }).click();
-    await page.getByPlaceholder('Email').fill('[email protected]'); // email must be changed each time test is run
-    await page.getByPlaceholder('Email').press('Enter'); // otherwise if tests fails after this step, new workspace is created
-    await page.getByPlaceholder('Password').fill('Applecar2025');
-    await page.getByPlaceholder('Password').press('Enter');
-    await page.getByPlaceholder('Apple').fill('Test');
-    await page.getByRole('button', { name: 'Continue' }).click();
-    await page.getByPlaceholder('Tim').click();
-    await page.getByPlaceholder('Tim').fill('Test2');
-    await page.getByPlaceholder('Cook').click();
-    await page.getByPlaceholder('Cook').fill('Test2');
-    await page.getByRole('button', { name: 'Continue' }).click();
-    await page.getByText('Continue without sync').click();
-    await page.getByRole('button', { name: 'Finish' }).click();
-    await expect(page.locator('table')).toBeVisible({ timeout: 1000 });
-  }
-});
-
-test('Syncing all workspaces', async () => {
-  await sh('npx nx run twenty-server:command workspace:sync-metadata -f');
-  await sh('npx nx run twenty-server:command workspace:sync-metadata -f');
-});
-
-test('Resetting database', async ({ page, browserName }) => {
-  if (browserName === 'firefox') {
-    await sh('yarn nx database:reset twenty-server'); // if this command fails for any reason, database must be restarted manually using the same command because database is in unstable state
+test.describe('', () => {
+  test('Testing logging', async ({ page }) => {
     await page.goto('/');
     await page.getByRole('button', { name: 'Continue With Email' }).click();
     await page.getByPlaceholder('Email').fill('[email protected]');
     await page.getByRole('button', { name: 'Continue' }).click();
     await page.getByPlaceholder('Password').fill('Applecar2025');
     await page.getByRole('button', { name: 'Sign in' }).click();
-    await page.getByRole('link', { name: 'Companies' }).click();
-    expect(page.url()).toContain('/companies');
-    await expect(page.locator('table')).toBeVisible();
-  }
-});
+    await page.getByRole('link', { name: 'Opportunities' }).click();
+    await expect(page.locator('tbody > tr')).toHaveCount(4);
+    expect(page.url()).not.toContain('/welcome');
+  });
 
-test('Seeding database', async ({ page, browserName }) => {
-  if (browserName === 'firefox') {
-    await sh('npx nx workspace:seed:demo');
-    await page.goto('/');
-  }
-});
+  test('Creating new workspace', async ({ page, browserName }) => {
+    // this test must use only 1 browser, otherwise it will lead to success and fail (1 workspace is created instead of x workspaces)
+    if (browserName == 'firefox') {
+      await page.goto('/');
+      await page.getByRole('button', { name: 'Continue With Email' }).click();
+      await page.getByPlaceholder('Email').fill('[email protected]'); // email must be changed each time test is run
+      await page.getByPlaceholder('Email').press('Enter'); // otherwise if tests fails after this step, new workspace is created
+      await page.getByPlaceholder('Password').fill('Applecar2025');
+      await page.getByPlaceholder('Password').press('Enter');
+      await page.getByPlaceholder('Apple').fill('Test');
+      await page.getByRole('button', { name: 'Continue' }).click();
+      await page.getByPlaceholder('Tim').click();
+      await page.getByPlaceholder('Tim').fill('Test2');
+      await page.getByPlaceholder('Cook').click();
+      await page.getByPlaceholder('Cook').fill('Test2');
+      await page.getByRole('button', { name: 'Continue' }).click();
+      await page.getByText('Continue without sync').click();
+      await page.getByRole('button', { name: 'Finish' }).click();
+      await expect(page.locator('table')).toBeVisible({ timeout: 1000 });
+    }
+  });
+
+  test('Syncing all workspaces', async () => {
+    await sh('npx nx run twenty-server:command workspace:sync-metadata -f');
+    await sh('npx nx run twenty-server:command workspace:sync-metadata -f');
+  });
+
+  test('Resetting database', async ({ page, browserName }) => {
+    if (browserName === 'firefox') {
+      await sh('yarn nx database:reset twenty-server'); // if this command fails for any reason, database must be restarted manually using the same command because database is in unstable state
+      await page.goto('/');
+      await page.getByRole('button', { name: 'Continue With Email' }).click();
+      await page.getByPlaceholder('Email').fill('[email protected]');
+      await page.getByRole('button', { name: 'Continue' }).click();
+      await page.getByPlaceholder('Password').fill('Applecar2025');
+      await page.getByRole('button', { name: 'Sign in' }).click();
+      await page.getByRole('link', { name: 'Companies' }).click();
+      expect(page.url()).toContain('/companies');
+      await expect(page.locator('table')).toBeVisible();
+    }
+  });
+
+  test('Seeding database', async ({ page, browserName }) => {
+    if (browserName === 'firefox') {
+      await sh('npx nx workspace:seed:demo');
+      await page.goto('/');
+    }
+  });
+});

packages/twenty-front/.storybook/main.ts

@@ -45,5 +45,16 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {},
   },
+  viteFinal: async (config) => {
+    // Merge custom configuration into the default config
+    const { mergeConfig } = await import('vite');
+
+    return mergeConfig(config, {
+      // Add dependencies to pre-optimization
+      optimizeDeps: {
+        exclude: ['@tabler/icons-react'],
+      },
+    });
+  },
 };
 export default config;

packages/twenty-front/src/generated-metadata/graphql.ts

@@ -344,9 +344,9 @@ export type FieldConnection = {
 
 /** Type of the field */
 export enum FieldMetadataType {
+  Actor = 'ACTOR',
   Address = 'ADDRESS',
   Boolean = 'BOOLEAN',
-  Actor = 'ACTOR',
   Currency = 'CURRENCY',
   Date = 'DATE',
   DateTime = 'DATE_TIME',
@@ -452,13 +452,13 @@ export type Mutation = {
   generateTransientToken: TransientToken;
   impersonate: Verify;
   renewToken: AuthTokens;
+  runWorkflowVersion: WorkflowTriggerResult;
   sendInviteLink: SendInviteLink;
   signUp: LoginToken;
   skipSyncEmailOnboardingStep: OnboardingStepSuccess;
   syncRemoteTable: RemoteTable;
   syncRemoteTableSchemaChanges: RemoteTable;
   track: Analytics;
-  triggerWorkflow: WorkflowTriggerResult;
   unsyncRemoteTable: RemoteTable;
   updateBillingSubscription: UpdateBillingEntity;
   updateOneField: Field;
@@ -610,6 +610,11 @@ export type MutationRenewTokenArgs = {
 };
 
 
+export type MutationRunWorkflowVersionArgs = {
+  input: RunWorkflowVersionInput;
+};
+
+
 export type MutationSendInviteLinkArgs = {
   emails: Array<Scalars['String']['input']>;
 };
@@ -639,11 +644,6 @@ export type MutationTrackArgs = {
 };
 
 
-export type MutationTriggerWorkflowArgs = {
-  workflowVersionId: Scalars['String']['input'];
-};
-
-
 export type MutationUnsyncRemoteTableArgs = {
   input: RemoteTableInput;
 };
@@ -1001,6 +1001,13 @@ export enum RemoteTableStatus {
   Synced = 'SYNCED'
 }
 
+export type RunWorkflowVersionInput = {
+  /** Execution result in JSON format */
+  payload?: InputMaybe<Scalars['JSON']['input']>;
+  /** Workflow version ID */
+  workflowVersionId: Scalars['String']['input'];
+};
+
 export type SendInviteLink = {
   __typename?: 'SendInviteLink';
   /** Boolean that confirms query was dispatched */
@@ -1400,6 +1407,7 @@ export type WorkspaceFeatureFlagsArgs = {
 export enum WorkspaceActivationStatus {
   Active = 'ACTIVE',
   Inactive = 'INACTIVE',
+  OngoingCreation = 'ONGOING_CREATION',
   PendingCreation = 'PENDING_CREATION'
 }