diff --git a/docs/technical-guide/developer/frontend.md b/docs/technical-guide/developer/frontend.md index cfd87ad79..5476c5d4f 100644 --- a/docs/technical-guide/developer/frontend.md +++ b/docs/technical-guide/developer/frontend.md @@ -302,6 +302,17 @@ Ensure your development environment docker image is up to date. **NOTE** You can learn more about how to set up, start and stop our development environment [here](/technical-guide/developer/devenv) +#### Release mode + +This is not required, but it may be convenient to compile Penpot in release mode before running the tests. This way they will be much quicker and stable. For this, go to the frontend window in the tmux session (Ctrl + b 1), interrupt the watch process with Ctrl + C and type: + +```bash +yarn run build:app +``` + +Obviously, in this mode if you make changes to the source code, you will need to repeat the build manually each time. It may be useful to use wath mode when debugging a single test, and use release mode to run all the suite. + + ### Running the integration tests #### Headless mode @@ -344,6 +355,8 @@ npx playwright test --ui > ❗️ **IMPORTANT**: You might need to [install Playwright's browsers and dependencies](https://playwright.dev/docs/intro) in your host machine with: npx playwright install --with-deps. In case you are using a Linux distribution other than Ubuntu, [you might need to install the dependencies manually](https://github.com/microsoft/playwright/issues/11122). +> You will also need yarn in your host nodejs. For this, do corepack enable and then just yarn. + ### How to write a test When writing integration tests, we are simulating user actions and events triggered by them, in other to mirror real-world user interactions. The difference with fully end-to-end tests is that here we are faking the backend by intercepting the network requests, so tests can run faster and more tied to the front-end.