From 9e77ccf15bb3c1ac8d481c58ef9f62d6baacd0da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?gr=C3=A9goire=20parant?= <gregoire@workadventu.re>
Date: Wed, 28 Feb 2024 10:59:42 +0100
Subject: [PATCH] fix E2E (#3748)

---
 .../Components/ActionBar/ActionBar.svelte     |  2 +-
 play/src/i18n/en-US/actionbar.ts              |  1 +
 play/src/i18n/fr-FR/actionbar.ts              |  1 +
 tests/playwright.config.ts                    |  2 +-
 tests/tests/api_players.spec.ts               | 16 ++++----
 tests/tests/areas.spec.ts                     |  2 +-
 tests/tests/banner_script.spec.ts             |  2 +-
 tests/tests/buttonactionbar_script.spec.ts    |  4 +-
 tests/tests/chat.spec.ts                      |  4 +-
 tests/tests/error_pages.spec.ts               |  4 +-
 tests/tests/iframe_script.spec.ts             |  6 +--
 tests/tests/map_editor.spec.ts                | 20 +++++-----
 tests/tests/map_storage_upload.spec.ts        | 36 +++++++++---------
 tests/tests/meeting.spec.ts                   |  4 +-
 tests/tests/metadata.spec.ts                  |  4 +-
 tests/tests/mobile.spec.ts                    | 38 ++++++++++++++-----
 tests/tests/modal_script.spec.ts              |  2 +-
 tests/tests/modules.spec.ts                   |  2 +-
 tests/tests/oidc.spec.ts                      |  2 +-
 tests/tests/reconnect.spec.ts                 |  2 +-
 tests/tests/room-api.spec.ts                  | 10 ++---
 tests/tests/scripting_chat.spec.ts            |  4 +-
 tests/tests/scripting_events.spec.ts          |  2 +-
 tests/tests/swagger_doc.spec.ts               |  4 +-
 tests/tests/translate.spec.ts                 |  2 +-
 tests/tests/variables.spec.ts                 |  4 +-
 26 files changed, 101 insertions(+), 79 deletions(-)

diff --git a/play/src/front/Components/ActionBar/ActionBar.svelte b/play/src/front/Components/ActionBar/ActionBar.svelte
index 900f6f3a89..d71c6835ad 100644
--- a/play/src/front/Components/ActionBar/ActionBar.svelte
+++ b/play/src/front/Components/ActionBar/ActionBar.svelte
@@ -874,7 +874,7 @@
                     on:click={showRoomList}
                     class="bottom-action-button"
                 >
-                    <Tooltip text="Open the room list" />
+                    <Tooltip text={$LL.actionbar.roomList()} />
 
                     <button id="roomListIcon" class:border-top-light={$roomListVisibilityStore}>
                         <!-- svelte-ignore a11y-img-redundant-alt -->
diff --git a/play/src/i18n/en-US/actionbar.ts b/play/src/i18n/en-US/actionbar.ts
index f288ca8174..46e5c27042 100644
--- a/play/src/i18n/en-US/actionbar.ts
+++ b/play/src/i18n/en-US/actionbar.ts
@@ -20,6 +20,7 @@ const actionbar: BaseTranslation = {
     },
     app: "Open / Close applications",
     globalMessage: "Send a global message",
+    roomList: "Open / Close room list",
 };
 
 export default actionbar;
diff --git a/play/src/i18n/fr-FR/actionbar.ts b/play/src/i18n/fr-FR/actionbar.ts
index 729f5828c9..a60fcd0f85 100644
--- a/play/src/i18n/fr-FR/actionbar.ts
+++ b/play/src/i18n/fr-FR/actionbar.ts
@@ -20,6 +20,7 @@ const actionbar: BaseTranslation = {
     },
     app: "Ouvrir / Fermer les applications",
     globalMessage: "Envoyer un message global",
+    roomList: "Ouvrir / Fermer la liste des salons",
 };
 
 export default actionbar;
diff --git a/tests/playwright.config.ts b/tests/playwright.config.ts
index ef0aded558..b7c7ccf2a4 100644
--- a/tests/playwright.config.ts
+++ b/tests/playwright.config.ts
@@ -88,7 +88,7 @@ const config: PlaywrightTestConfig = {
 
     /* Test against mobile viewports. */
     {
-      name: 'mobilechrome',
+      name: 'mobilechromium',
       use: {
         ...devices['Pixel 5'],
         permissions: ["microphone","camera"],
diff --git a/tests/tests/api_players.spec.ts b/tests/tests/api_players.spec.ts
index d998400672..238f7fb865 100644
--- a/tests/tests/api_players.spec.ts
+++ b/tests/tests/api_players.spec.ts
@@ -12,7 +12,7 @@ test.describe('API WA.players', () => {
   test('enter leave events are received', async ({ page, browser }, {project}) => {
 
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -62,7 +62,7 @@ test.describe('API WA.players', () => {
 
   test('exception if we forget to call WA.players.configureTracking', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -79,7 +79,7 @@ test.describe('API WA.players', () => {
 
   test('Test that player B arriving after player A set his variables can read the variable.', async ({ page, browser }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -299,7 +299,7 @@ test.describe('API WA.players', () => {
 
   test('Test variable persistence for anonymous users.', async ({ page, browser }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -316,7 +316,7 @@ test.describe('API WA.players', () => {
 
   test('Test variable persistence for logged users. @oidc', async ({ page, browser }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -338,7 +338,7 @@ test.describe('API WA.players', () => {
 
   test('Test variables are sent across frames.', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -381,7 +381,7 @@ test.describe('API WA.players', () => {
   // All players with same UUID should share the same state (public or private as long as it is persisted)
   test('Test that 2 players sharing the same UUID are notified of persisted private variable changes.', async ({ page, context }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -465,7 +465,7 @@ test.describe('API WA.players', () => {
 
   test('Test that a variable changed can be listened to locally.', async ({ page, browser }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/areas.spec.ts b/tests/tests/areas.spec.ts
index b70db8e0d7..1749c1eade 100644
--- a/tests/tests/areas.spec.ts
+++ b/tests/tests/areas.spec.ts
@@ -8,7 +8,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Areas', () => {
     test('can edit Tiled area from scripting API', async ({ page, browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/banner_script.spec.ts b/tests/tests/banner_script.spec.ts
index d73881d795..fe6a911b72 100644
--- a/tests/tests/banner_script.spec.ts
+++ b/tests/tests/banner_script.spec.ts
@@ -7,7 +7,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Modal', () => {
     test('test', async ({ page }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/buttonactionbar_script.spec.ts b/tests/tests/buttonactionbar_script.spec.ts
index 58196615e6..3c5b42c4fb 100644
--- a/tests/tests/buttonactionbar_script.spec.ts
+++ b/tests/tests/buttonactionbar_script.spec.ts
@@ -6,7 +6,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Button in action bar', () => {
     test('test', async ({ page }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -42,7 +42,7 @@ test.describe('Button in action bar', () => {
 test.describe('Action button in action bar', () => {
     test('test', async ({ page }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/chat.spec.ts b/tests/tests/chat.spec.ts
index 1662a5a453..188ef62da6 100644
--- a/tests/tests/chat.spec.ts
+++ b/tests/tests/chat.spec.ts
@@ -15,7 +15,7 @@ test.describe('Chat', () => {
   test('main', async ({ page, browser, browserName }, { project }) => {
 
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -211,7 +211,7 @@ test.describe('Chat', () => {
 test.describe('Use application into TimeLine', () => {
   test('main', async ({ page, browser, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/error_pages.spec.ts b/tests/tests/error_pages.spec.ts
index a3373e3e67..4e069a09cc 100644
--- a/tests/tests/error_pages.spec.ts
+++ b/tests/tests/error_pages.spec.ts
@@ -4,7 +4,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Error pages', () => {
   test('successfully displayed for unsupported URLs', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -19,7 +19,7 @@ test.describe('Error pages', () => {
 
   test('successfully displayed for not found pages', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/iframe_script.spec.ts b/tests/tests/iframe_script.spec.ts
index 0bbced67f1..5dc72836ed 100644
--- a/tests/tests/iframe_script.spec.ts
+++ b/tests/tests/iframe_script.spec.ts
@@ -9,7 +9,7 @@ test.describe('Iframe API', () => {
     page,
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -29,7 +29,7 @@ test.describe('Iframe API', () => {
     page
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -95,7 +95,7 @@ test.describe('Iframe API', () => {
 
   test('base room properties', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/map_editor.spec.ts b/tests/tests/map_editor.spec.ts
index e7c845c210..b4e1e70103 100644
--- a/tests/tests/map_editor.spec.ts
+++ b/tests/tests/map_editor.spec.ts
@@ -19,7 +19,7 @@ test.use({
 test.describe('Map editor', () => {
   test('Successfully set the megaphone feature', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -101,7 +101,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set "SpeakerZone" in the map editor', async ({ page, browser, request }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -161,7 +161,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set start area in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -185,7 +185,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set and working exit area in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -228,7 +228,7 @@ test.describe('Map editor', () => {
   // Test to set Klaxoon application in the area with the map editor
   test('Successfully set Klaxoon\'s application in the area in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -273,7 +273,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set GoogleWorkspace\'s applications in the area in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -336,7 +336,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set GoogleWorkspace\'s application entity in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -405,7 +405,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set Klaxoon\'s application entity in the map editor', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -463,7 +463,7 @@ test.describe('Map editor', () => {
 
   test('Successfully set searchable processus for entity and zone', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -527,7 +527,7 @@ test.describe('Map editor', () => {
 
   test('Successfully test global message text and sound feature', async ({ page, browser, request, browserName }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/map_storage_upload.spec.ts b/tests/tests/map_storage_upload.spec.ts
index d7c77827d7..e3a005aeca 100644
--- a/tests/tests/map_storage_upload.spec.ts
+++ b/tests/tests/map_storage_upload.spec.ts
@@ -15,7 +15,7 @@ test.describe('Map-storage Upload API', () => {
         request, page, browser
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -90,7 +90,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -150,7 +150,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -170,7 +170,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -214,7 +214,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -246,7 +246,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -285,7 +285,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -327,7 +327,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -366,7 +366,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -399,7 +399,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -445,7 +445,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -478,7 +478,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -510,7 +510,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -548,7 +548,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -586,7 +586,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, {  project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -606,7 +606,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -626,7 +626,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -686,7 +686,7 @@ test.describe('Map-storage Upload API', () => {
         request,
     }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/meeting.spec.ts b/tests/tests/meeting.spec.ts
index 8e59fa6307..d8b24266f1 100644
--- a/tests/tests/meeting.spec.ts
+++ b/tests/tests/meeting.spec.ts
@@ -9,7 +9,7 @@ import AreaEditor from "./utils/map-editor/areaEditor";
 test.describe('Meeting actions test', () => {
   test('Meeting action to mute microphone & video', async ({page, browser}, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -73,7 +73,7 @@ test.describe('Meeting actions test', () => {
 
   test('Jitsi meeting action to mute microphone & video', async ({ page, browser, request }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/metadata.spec.ts b/tests/tests/metadata.spec.ts
index 2f139b9040..c2fb735537 100644
--- a/tests/tests/metadata.spec.ts
+++ b/tests/tests/metadata.spec.ts
@@ -5,7 +5,7 @@ test.describe('Meta tags', () => {
       request,
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -39,7 +39,7 @@ test.describe('Meta tags', () => {
 
   test('there is no error an funky URLs with bots. @selfsigned', async ({ request }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/mobile.spec.ts b/tests/tests/mobile.spec.ts
index f7fb7ed6b3..94ac47f852 100644
--- a/tests/tests/mobile.spec.ts
+++ b/tests/tests/mobile.spec.ts
@@ -8,14 +8,26 @@ test.setTimeout(240_000); // Fix Webkit that can take more than 60s
 test.use({
   baseURL: play_url,
 })
-test.describe('Map editor', () => {
+test.describe('Mobile', () => {
     test('Successfully bubble discussion with mobile device', async ({ page, browser, request, browserName }) => {
+        // If the browser is webkit
+        if (browser.browserType().name() === "webkit") {
+            //eslint-disable-next-line playwright/no-skipped-test
+            test.skip();
+            return;
+        }
+
         await page.goto(Map.url("empty"));
         await login(page, "Bob", 3);
 
-        // mouse click on the map not working withmobile playwright
+        const positionToDiscuss = {
+            x: 3 * 32,
+            y: 4 * 32
+        };
+
+        // walk on the position for the test
         // TODO: find a solution to test Joystick
-        await page.locator('#body').press('ArrowRight', { delay: 1000 });
+        await Map.walkToPosition(page, positionToDiscuss.x, positionToDiscuss.y);
 
         // Text open menu
         await Menu.openMenu(page);
@@ -30,7 +42,8 @@ test.describe('Map editor', () => {
         await login(pageAlice, "Alice", 5);
 
         // Move Alice and create a bubble with another user
-        await pageAlice.locator('#body').press('ArrowRight', { delay: 1000 });
+        // TODO: find a solution to test Joystick
+        await Map.walkToPosition(pageAlice, positionToDiscuss.x, positionToDiscuss.y);
 
         await expect(pageAlice.locator(`.cameras-container .other-cameras .media-container`).nth(0)).toBeVisible({
             timeout: 10000
@@ -49,7 +62,8 @@ test.describe('Map editor', () => {
         await login(pageJohn, "John", 5);
 
         // Move John and create a bubble with another user
-        await pageJohn.locator('#body').press('ArrowRight', { delay: 1000 });
+        // TODO: find a solution to test Joystick
+        await Map.walkToPosition(pageJohn, positionToDiscuss.x, positionToDiscuss.y);
 
         // Expect to see camera of users
         await expect(pageJohn.locator(`.cameras-container .other-cameras .media-container`).nth(1)).toBeVisible({
@@ -70,13 +84,19 @@ test.describe('Map editor', () => {
         page.close();
     });
 
-    test('Successfully jitsi cowebsite with mobile device', async ({ page, browser, request, browserName }) => {
-        page.goto('/_/global/maps.workadventure.localhost/tests/jitsi_config.json');
+    test('Successfully jitsi cowebsite with mobile device', async ({ page, browser }) => {
+        // If the browser is webkit, we skip the test because the option 'ArrowRight' doesn't work
+        if (browser.browserType().name() === "webkit") {
+            //eslint-disable-next-line playwright/no-skipped-test
+            test.skip();
+            return;
+        }
+        page.goto('/_/global/maps.workadventure.localhost/tests/CoWebsite/cowebsite_jitsiroom.json');
         await login(page, "Bob", 3);
 
         // Move to open a cowebsite
-        await page.locator('#body').press('ArrowRight', { delay: 1000 });
-        await page.locator('.blue-dialog-box').click({timeout: 10000});
+        await page.locator('#body').press('ArrowRight', { delay: 3000 });
+        // Now, let's move player 2 to the speaker zone
 
         // Check that the cowebsite is visible
         await expect(page.locator(`#cowebsite #cowebsite-aside #cowebsite-aside-buttons #cowebsite-close`)).toBeVisible({
diff --git a/tests/tests/modal_script.spec.ts b/tests/tests/modal_script.spec.ts
index e836f2cdc5..947a7369b3 100644
--- a/tests/tests/modal_script.spec.ts
+++ b/tests/tests/modal_script.spec.ts
@@ -7,7 +7,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Modal', () => {
     test('test', async ({ page }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/modules.spec.ts b/tests/tests/modules.spec.ts
index 84fefa86a3..3f2abfc7f0 100644
--- a/tests/tests/modules.spec.ts
+++ b/tests/tests/modules.spec.ts
@@ -6,7 +6,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Module', () => {
   test('loading should work out of the box', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/oidc.spec.ts b/tests/tests/oidc.spec.ts
index a913b833ec..f82836223b 100644
--- a/tests/tests/oidc.spec.ts
+++ b/tests/tests/oidc.spec.ts
@@ -9,7 +9,7 @@ test.describe('OpenID connect @oidc', () => {
     page,
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/reconnect.spec.ts b/tests/tests/reconnect.spec.ts
index bcf78b69db..f35370977e 100644
--- a/tests/tests/reconnect.spec.ts
+++ b/tests/tests/reconnect.spec.ts
@@ -7,7 +7,7 @@ test.setTimeout(180_000);
 test.describe('Connection', () => {
   test('can succeed even if WorkAdventure starts while pusher is down @docker', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/room-api.spec.ts b/tests/tests/room-api.spec.ts
index 3a4887ecce..380094cb2e 100644
--- a/tests/tests/room-api.spec.ts
+++ b/tests/tests/room-api.spec.ts
@@ -22,7 +22,7 @@ const variableName = "textField";
 test.describe('Room API', async () => {
     test("With a bad API key", async ({ browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -52,7 +52,7 @@ test.describe('Room API', async () => {
 
     test("Save & read a variable", async ({ page, browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -94,7 +94,7 @@ test.describe('Room API', async () => {
 
     test("Listen to a variable", async ({ page, browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -138,7 +138,7 @@ test.describe('Room API', async () => {
 
     test("Listen to an event emitted from the game", async ({ page, browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -180,7 +180,7 @@ test.describe('Room API', async () => {
 
     test("Send an event from the Room API", async ({ page, browser }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/scripting_chat.spec.ts b/tests/tests/scripting_chat.spec.ts
index 04cf02d7d0..db3395f53b 100644
--- a/tests/tests/scripting_chat.spec.ts
+++ b/tests/tests/scripting_chat.spec.ts
@@ -9,7 +9,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Scripting chat functions', () => {
     test('can open / close chat + start / stop typing', async ({ page}, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -79,7 +79,7 @@ test.describe('Scripting chat functions', () => {
 
     test('can send message to bubble users', async ({ page, browser}, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/scripting_events.spec.ts b/tests/tests/scripting_events.spec.ts
index 4c5f23ddeb..7ccb7723f8 100644
--- a/tests/tests/scripting_events.spec.ts
+++ b/tests/tests/scripting_events.spec.ts
@@ -6,7 +6,7 @@ import {RENDERER_MODE} from "./utils/environment";
 test.describe('Scripting API Events', () => {
     test('test events', async ({ page, browser, request }, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/swagger_doc.spec.ts b/tests/tests/swagger_doc.spec.ts
index 8a959bcf71..801c574b15 100644
--- a/tests/tests/swagger_doc.spec.ts
+++ b/tests/tests/swagger_doc.spec.ts
@@ -3,7 +3,7 @@ import {expect, test} from '@playwright/test';
 test.describe('Swagger documentation', () => {
     test('Admin -> External Admin', async ({page}, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
@@ -43,7 +43,7 @@ test.describe('Swagger documentation', () => {
 
     test('Pusher -> Admin', async ({page}, { project }) => {
         // Skip test for mobile device
-        if(project.name === "mobilechrome") {
+        if(project.name === "mobilechromium") {
             //eslint-disable-next-line playwright/no-skipped-test
             test.skip();
             return;
diff --git a/tests/tests/translate.spec.ts b/tests/tests/translate.spec.ts
index 415645f47d..1e2bafb239 100644
--- a/tests/tests/translate.spec.ts
+++ b/tests/tests/translate.spec.ts
@@ -7,7 +7,7 @@ test.describe('Translation', () => {
     page,
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
diff --git a/tests/tests/variables.spec.ts b/tests/tests/variables.spec.ts
index d518066982..40b160264b 100644
--- a/tests/tests/variables.spec.ts
+++ b/tests/tests/variables.spec.ts
@@ -21,7 +21,7 @@ test.describe('Variables', () => {
   // when running with --headed you can manually reload the page to avoid this issue.
   test('storage works @docker', async ({ page }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;
@@ -144,7 +144,7 @@ test.describe('Variables', () => {
     request,
   }, { project }) => {
     // Skip test for mobile device
-    if(project.name === "mobilechrome") {
+    if(project.name === "mobilechromium") {
       //eslint-disable-next-line playwright/no-skipped-test
       test.skip();
       return;