Files
twenty_crm/packages/twenty-e2e-testing/tests/workflow-visualizer.spec.ts
Baptiste Devessier 7ed2c12e7a 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>
2025-01-20 10:59:01 +01:00

36 lines
1.1 KiB
TypeScript

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/);
});