Workflow e2e tests – 1st batch (#9713)

- Clean Playwright's configuration:
  - Remove artificial 500ms delay between each step
- Group all tests under a `chrome` project relying on a `setup` project
to get an authentication state which all tests can reuse
- Changes on the `Sign up with invite link via email` test:
- Generate a new email for each test trial, as previously it was failing
when run many times
- Make deleting the account part of the test; if we write other tests
for account sign-up, we'll prefer to delete the accounts with an HTTP
call to speed up things
- Added some assertions to ensure we reached steps when expected, as we
removed the 500ms delay between each step, and it made some assertions
fail
- Wrote new tests for workflows:
- Created `Create workflow`, a test asserting we can create a workflow
from the record table
- Created `Create simple workflow`, a test asserting we can create a
simple flow; I will add more assertions to this test and write other
tests once this first PR is approved
- I make HTTP calls to delete and destroy workflows after they run to
keep the database clean
- Added a data-testid to ensure we focus elements from the Cmd+K; our
selectors are not strong – see `getByRole('textbox')` – and I preferred
to scope them to a root element
  - Added an `aria-label` to a button

---------

Co-authored-by: prastoin <paul@twenty.com>

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

@@ -0,0 +1,35 @@
+import { expect } from '@playwright/test';
+import { test } from '../lib/fixtures/blank-workflow';
+
+test('Create simple workflow', async ({ workflowVisualizer, page }) => {
+  const addTriggerButton = page.getByText('Add a Trigger');
+  await addTriggerButton.click();
+
+  const triggerOption = page.getByText('Database Event');
+  await triggerOption.click();
+
+  await expect(
+    page.getByTestId('command-menu').getByRole('textbox'),
+  ).toHaveValue('When a Company is Created');
+
+  const triggerNode = page.getByTestId('rf__node-trigger');
+  await expect(triggerNode).toHaveClass(/selected/);
+  await expect(triggerNode).toHaveText(/Company is Created/);
+
+  const addStepButton = page.getByLabel('Add a step');
+  await addStepButton.click();
+
+  const createRecordOption = page.getByText('Create Record');
+
+  await createRecordOption.click();
+
+  await expect(
+    page.getByTestId('command-menu').getByRole('textbox').first(),
+  ).toHaveValue('Create Record');
+
+  const createRecordNode = page
+    .locator('.react-flow__node.selected')
+    .getByText('Create Record');
+  await expect(createRecordNode).toBeVisible();
+  await expect(triggerNode).not.toHaveClass(/selected/);
+});