7ed2c12e7a
- 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>
79 lines
2.5 KiB
TypeScript
79 lines
2.5 KiB
TypeScript
import { defineConfig, devices } from '@playwright/test';
|
|
import { config } from 'dotenv';
|
|
import path from 'path';
|
|
|
|
const envResult = config({
|
|
path: path.resolve(__dirname, '.env'),
|
|
});
|
|
|
|
if (envResult.error) {
|
|
throw new Error('Failed to load .env file');
|
|
}
|
|
|
|
/* === Run your local dev server before starting the tests === */
|
|
|
|
/**
|
|
* See https://playwright.dev/docs/test-configuration.
|
|
*/
|
|
export default defineConfig({
|
|
testDir: './tests',
|
|
outputDir: 'run_results/', // directory for screenshots and videos
|
|
snapshotPathTemplate: '{testDir}/__screenshots__/{testFilePath}/{arg}{ext}', // just in case, do not delete it
|
|
fullyParallel: false, // parallelization of tests will be done later in the future
|
|
forbidOnly: !!process.env.CI,
|
|
retries: process.env.CI ? 2 : 0,
|
|
workers: 1, // 1 worker = 1 test at the time, tests can't be parallelized
|
|
timeout: 30 * 1000, // timeout can be changed
|
|
use: {
|
|
baseURL: process.env.FRONTEND_BASE_URL || 'http://localhost:3001',
|
|
trace: 'retain-on-failure', // trace takes EVERYTHING from page source, records every single step, should be used only when normal debugging won't work
|
|
screenshot: 'on', // either 'on' here or in different method in modules, if 'on' all screenshots are overwritten each time the test is run
|
|
headless: true, // instead of changing it to false, run 'yarn test:e2e:debug' or 'yarn test:e2e:ui'
|
|
testIdAttribute: 'data-testid', // taken from Twenty source
|
|
},
|
|
expect: {
|
|
timeout: 5000,
|
|
},
|
|
reporter: process.env.CI ? 'github' : 'list',
|
|
projects: [
|
|
{
|
|
name: 'setup',
|
|
testMatch: /.*\.setup\.ts/,
|
|
},
|
|
{
|
|
name: 'chrome',
|
|
use: {
|
|
...devices['Desktop Chrome'],
|
|
permissions: ['clipboard-read', 'clipboard-write'],
|
|
storageState: path.resolve(__dirname, '.auth', 'user.json'), // takes saved cookies from directory
|
|
},
|
|
dependencies: ['setup'],
|
|
},
|
|
|
|
//{
|
|
// name: 'webkit',
|
|
// use: { ...devices['Desktop Safari'] },
|
|
//},
|
|
|
|
/* Test against mobile viewports. */
|
|
// {
|
|
// name: 'Mobile Chrome',
|
|
// use: { ...devices['Pixel 5'] },
|
|
// },
|
|
// {
|
|
// name: 'Mobile Safari',
|
|
// use: { ...devices['iPhone 12'] },
|
|
// },
|
|
|
|
/* Test against branded browsers. */
|
|
//{
|
|
// name: 'Microsoft Edge',
|
|
// use: { ...devices['Desktop Edge'], channel: 'msedge' },
|
|
//},
|
|
//{
|
|
// name: 'Google Chrome',
|
|
// use: { ...devices['Desktop Chrome'], channel: 'chrome' },
|
|
//},
|
|
],
|
|
});
|