Fix e2e tests (#11565)

Fixing the e2e tests

packages/twenty-e2e-testing/lib/fixtures/blank-workflow.ts

@@ -17,6 +17,7 @@ export class WorkflowVisualizerPage {
   readonly deactivateWorkflowButton: Locator;
   readonly addTriggerButton: Locator;
   readonly commandMenu: Locator;
+  readonly stepHeaderInCommandMenu: Locator;
   readonly workflowNameLabel: Locator;
   readonly triggerNode: Locator;
   readonly background: Locator;
@@ -68,6 +69,9 @@ export class WorkflowVisualizerPage {
     });
     this.addTriggerButton = page.getByText('Add a Trigger');
     this.commandMenu = page.getByTestId('command-menu');
+    this.stepHeaderInCommandMenu = this.commandMenu.getByTestId(
+      'workflow-step-header',
+    );
     this.workflowNameLabel = page
       .getByTestId('top-bar-title')
       .getByText(this.workflowName);

packages/twenty-e2e-testing/lib/pom/settingsPage.ts

@@ -110,6 +110,10 @@ export class SettingsPage {
     await this.releasesLink.click();
   }
 
+  async logout() {
+    await this.page.getByText('Logout').click();
+  }
+
   async toggleAdvancedSettings() {
     await this.advancedToggle.click();
   }

packages/twenty-e2e-testing/tests/workflow-creation.spec.ts

@@ -10,7 +10,9 @@ test('Create workflow', async ({ page }) => {
   const workflowsLink = page.getByRole('link', { name: 'Workflows' });
   await workflowsLink.click();
 
-  const createWorkflowButton = page.getByRole('button', { name: 'New record' });
+  const createWorkflowButton = page.getByRole('button', {
+    name: 'Create new workflow',
+  });
 
   const [createWorkflowResponse] = await Promise.all([
     page.waitForResponse(async (response) => {

packages/twenty-e2e-testing/tests/workflow-run.spec.ts

@@ -1,9 +1,10 @@
 import { expect } from '@playwright/test';
 import { test } from '../lib/fixtures/blank-workflow';
 
-test.fixme(
-  'The workflow run visualizer shows the executed draft version without the last draft changes',
-  async ({ workflowVisualizer, page }) => {
+test('The workflow run visualizer shows the executed draft version without the last draft changes', async ({
+  workflowVisualizer,
+  page,
+}) => {
   await workflowVisualizer.createInitialTrigger('manual');
 
   const manualTriggerAvailabilitySelect = page.getByRole('button', {
@@ -25,7 +26,7 @@ test.fixme(
 
   await workflowVisualizer.closeSidePanel();
 
-    const launchTestButton = page.getByLabel('Test Workflow');
+  const launchTestButton = page.getByLabel(workflowVisualizer.workflowName);
 
   await launchTestButton.click();
 
@@ -39,22 +40,19 @@ test.fixme(
 
   await page.goto(executionPageUrl!);
 
-    const workflowRunName = page.getByText('Execution of v1');
+  const workflowRunName = page.getByText(
+    `#1 - ${workflowVisualizer.workflowName}`,
+  );
 
   await expect(workflowRunName).toBeVisible();
 
-    const flowTab = page.getByText('Flow', { exact: true });
-
-    await flowTab.click();
-
   const executedFirstStepNode = workflowVisualizer.getStepNode(firstStepId);
 
   await expect(executedFirstStepNode).toBeVisible();
 
   await executedFirstStepNode.click();
 
-    await expect(
-      workflowVisualizer.commandMenu.getByRole('textbox').first(),
-    ).toHaveValue('Create Record');
-  },
-);
+  await expect(workflowVisualizer.stepHeaderInCommandMenu).toContainText(
+    'Create Record',
+  );
+});

packages/twenty-front/src/modules/workflow/workflow-steps/components/WorkflowStepHeader.tsx

@@ -90,7 +90,7 @@ export const WorkflowStepHeader = ({
   };
 
   return (
-    <StyledHeader>
+    <StyledHeader data-testid="workflow-step-header">
       <StyledHeaderIconContainer>
         <Icon
           color={iconColor}