feat: webkit in cypress pipelines

frontend/app/.gitlab-ci.yml

@@ -21,5 +21,6 @@ e2e:
     matrix:
       - BROWSER: chrome
       - BROWSER: firefox
+      - BROWSER: webkit
   rules:
     - !reference [.limit_pipelines, rules]

frontend/app/cypress.config.ts

@@ -28,6 +28,7 @@ export default defineConfig({
     fixturesFolder: 'cypress/fixtures',
     defaultCommandTimeout: 20_000,
     specPattern: 'cypress/integration/**/*.spec.ts',
+    experimentalWebKitSupport: true,
     /*setupNodeEvents(on, config) {
       on('task', {
         log(message) {

frontend/app/package.json

@@ -170,6 +170,7 @@
     "karma-junit-reporter": "2.0.1",
     "karma-mocha-reporter": "2.2.5",
     "license-checker": "25.0.1",
+    "playwright-webkit": "1.38.0",
     "stylelint": "15.10.1",
     "stylelint-config-clean-order": "5.0.1",
     "stylelint-config-prettier-scss": "1.0.0",

images/app-cypress/Dockerfile

@@ -94,6 +94,9 @@ RUN echo  " node version:    $(node -v) \n" \
   "git version:     $(git --version) \n" \
   "whoami:          $(whoami) \n"
 
+# https://docs.cypress.io/guides/guides/launching-browsers#Linux-Dependencies
+RUN npx playwright install-deps webkit
+
 # a few environment variables to make NPM installs easier
 # good colors for most applications
 ENV TERM=xterm

pnpm-lock.yaml

@@ -1068,6 +1068,9 @@ importers:
       license-checker:
         specifier: 25.0.1
         version: 25.0.1
+      playwright-webkit:
+        specifier: 1.38.0
+        version: 1.38.0
       prettier:
         specifier: 2.8.6
         version: 2.8.6
@@ -15208,6 +15211,21 @@ packages:
     resolution: {integrity: sha512-sxMwpDw/ySY1WB2CE3+IdMuEcWibJ72DDOsXLkSmEaSzwEUaYBT6DWgOfBiHGCux4q433X6+OEFWjlVqp7gL6g==}
     dev: false
 
+  /playwright-core@1.38.0:
+    resolution: {integrity: sha512-f8z1y8J9zvmHoEhKgspmCvOExF2XdcxMW8jNRuX4vkQFrzV4MlZ55iwb5QeyiFQgOFCUolXiRHgpjSEnqvO48g==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dev: true
+
+  /playwright-webkit@1.38.0:
+    resolution: {integrity: sha512-i+/8WMxFgZIRukwFjrU/dDCjHPUE1eFvFSR4I+kIc+WOm0VU5kWhj8b2Ob2Z8Y0BIQKCH8qj6SHW/kXKpc61ug==}
+    engines: {node: '>=16'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      playwright-core: 1.38.0
+    dev: true
+
   /plist@3.1.0:
     resolution: {integrity: sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==}
     engines: {node: '>=10.4.0'}