Cucumber

https://cucumber.io/docs/guides/10-minute-tutorial

This is an example for running Cucumber Playwright tests for an Angular application.

Example guide: https://medium.com/@kk_62253/implementing-cucumber-with-playwright-and-typescript-for-end-to-end-testing-aa77ad22906c

The folder structure is adjusted:

...
|> playwright/integration - all playwright / cucumber test stuff
|   |> context  - contains the test steps
|   |> features - contains the cucumber test szenarios
|   |> support  - basic stuff needed for the tests (starting browser, ...)
...
| cucumber.js
...

The cucumber.js is adjusted accordingly.

With VSCode using the Playwright plugin and Cucumber Test Runner you need to add an empty playwright.config.ts.

Development server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Run Cucumber tests

After running the dev server, run the Cucumber tests with

npm run test:integration