Installation

npm install -D @playwright/test@latest
npx playwright install --with-deps

Running tests

cd packages/ui-tests

npm run test

By adding --ui one can watch what's happening in the browser, albeit very fast.

Running testing IDE

Allows you to see browser recording and step by step actions being performed and a screenshot for each.

npm run test-ide

Debugging tests

Running tests step by step:

npm run debug

Show the detailed report for the last run

Displays testing report, performed actions and screenshots for each.

npm run show-report

Running specific tests

Run tests in specific file:

npm run test smoke.spec.ts

Run test with title "smoke test"

npx playwright test -g "smoke test"

Faster edit-test cycle

If you modify or debug tests which requires repeatedly running any of the testing debugging commands above, you should start visual editor by yourself outside of the tests. The playwright is configured to reuse the already running service localhost:5173 if running. This will speed up the edit-test cycle.

To start the visual editor (one time):

cd packages/visual-editor
npm run dev