👷 run latest firefox and webkit in CI, default local e2e to chromium

Adds firefox and webkit to the CI e2e matrix alongside chromium so we
catch cross-browser regressions on the latest browser versions (in
addition to the existing pinned variants). Installs the matching
Playwright browsers in the CI image and bumps CURRENT_CI_IMAGE to 108.

Defaults local `yarn test:e2e` to chromium only to keep the local
feedback loop fast; other browsers can still be run via `--project=`.

Author: thomas-lebeau

.gitlab-ci.yml

@@ -1,7 +1,7 @@
 variables:
   CURRENT_STAGING: staging-20
   APP: 'browser-sdk'
-  CURRENT_CI_IMAGE: 107
+  CURRENT_CI_IMAGE: 108
   BUILD_STABLE_REGISTRY: 'registry.ddbuild.io'
   CI_IMAGE: '$BUILD_STABLE_REGISTRY/ci/$APP:$CURRENT_CI_IMAGE'
   GIT_REPOSITORY: 'git@github.com:DataDog/browser-sdk.git'
@@ -244,7 +244,7 @@ e2e:
   interruptible: true
   parallel:
     matrix:
-      - BROWSER: [chromium, chromium-pinned, firefox-pinned, webkit-pinned]
+      - BROWSER: [chromium, firefox, webkit, chromium-pinned, firefox-pinned, webkit-pinned]
   artifacts:
     when: always
     reports:
@@ -255,7 +255,7 @@ e2e:
     - yarn build:apps
     # Browsers are pre-installed in the CI image. If playwright (current or pinned 1.40.1)
     # is upgraded without rebuilding the image, this job will crash — rebuild the image to fix it.
-    - FORCE_COLOR=1 PW_BROWSER=$BROWSER yarn test:e2e --project=$BROWSER
+    - FORCE_COLOR=1 PW_BROWSER=$BROWSER yarn test:e2e:ci --project=$BROWSER
   after_script:
     - node ./scripts/test/export-test-result.ts e2e
 

Dockerfile

@@ -37,7 +37,7 @@ RUN curl --silent --show-error --fail http://dl.google.com/linux/chrome/deb/pool
 
 # Current Playwright's Chromium (used by the e2e job)
 ARG PLAYWRIGHT_VERSION
-RUN npx -y playwright@${PLAYWRIGHT_VERSION} install --with-deps chromium
+RUN npx -y playwright@${PLAYWRIGHT_VERSION} install --with-deps chromium firefox webkit
 
 # Pinned Playwright browsers: Chromium 120 + Firefox 119 + WebKit 17.4 (used by the e2e-pinned job)
 ARG PINNED_PLAYWRIGHT_VERSION=1.40.1

package.json

@@ -31,7 +31,8 @@
     "test:unit:watch": "yarn test:unit --no-single-run",
     "test:unit:bs": "node --env-file-if-exists=.env ./scripts/test/bs-wrapper.ts karma start test/unit/karma.bs.conf.js",
     "test:e2e:init": "yarn build && yarn build:apps && yarn playwright install --with-deps && yarn dlx -p playwright@1.40.1 playwright install chromium firefox webkit",
-    "test:e2e": "playwright test --config test/e2e/playwright.config.ts",
+    "test:e2e": "playwright test --config test/e2e/playwright.config.ts --project=chromium",
+    "test:e2e:ci": "playwright test --config test/e2e/playwright.config.ts",
     "test:compat:tsc": "node scripts/check-typescript-compatibility.ts",
     "test:compat:ssr": "scripts/cli check_server_side_rendering_compatibility",
     "test:performance": "yarn test:e2e:init && playwright test --config test/performance/playwright.config.ts",