[test optimization] Fix playwright e2e tests flakiness (#5438)

Author: juan-fernandez

integration-tests/playwright/playwright.spec.js

@@ -47,12 +47,14 @@ versions.forEach((version) => {
     let sandbox, cwd, receiver, childProcess, webAppPort
 
     before(async function () {
-      // bump from 30 to 60 seconds because playwright dependencies are heavy
-      this.timeout(60000)
+      // bump from 60 to 90 seconds because we also need to install dependencies and download chromium
+      this.timeout(90000)
       sandbox = await createSandbox([`@playwright/test@${version}`, 'typescript'], true)
       cwd = sandbox.folder
-      // install necessary browser
       const { NODE_OPTIONS, ...restOfEnv } = process.env
+      // Install system dependencies
+      execSync('npx playwright install-deps', { cwd, env: restOfEnv })
+      // Install chromium (configured in integration-tests/playwright.config.js)
       execSync('npx playwright install', { cwd, env: restOfEnv })
       webAppPort = await getPort()
       webAppServer.listen(webAppPort)