From 7cc686f23087a29ddc5718682a3f823a9d263434 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Wed, 13 Mar 2024 19:44:25 +0100
Subject: [PATCH] restructure timetracker tests to use promise all (#7)

* restructure timetracker tests to use promise all

* remove unused variables & lint

---------

Co-authored-by: Gregor Vostrak <gregorvostrak@Gregors-MacBook-Pro.local>
---
 docker-compose.yml                            |   2 +-
 e2e/timetracker.spec.ts                       | 627 ++++++++++--------
 .../Dashboard/TeamActivityCardEntry.vue       |   2 +-
 resources/js/Components/DialogModal.vue       |   3 +-
 resources/js/Pages/API/Index.vue              |   3 +-
 resources/js/Pages/Auth/ForgotPassword.vue    |   4 +-
 resources/js/Pages/Auth/Login.vue             |   4 +-
 resources/js/Pages/Dashboard.vue              |   2 +-
 resources/js/Pages/MainContainer.vue          |   8 +-
 resources/js/Pages/Profile/Show.vue           |   3 +-
 resources/js/Pages/Teams/Create.vue           |   3 +-
 resources/js/Pages/Teams/Show.vue             |   3 +-
 12 files changed, 346 insertions(+), 318 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 0ccaecc6..0ebc2d6b 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -95,7 +95,7 @@ services:
             - sail
             - reverse-proxy
     playwright:
-        image: mcr.microsoft.com/playwright:v1.41.1-jammy
+        image: mcr.microsoft.com/playwright:v1.42.1-jammy
         command: ['npx', 'playwright', 'test', '--ui-port=8080', '--ui-host=0.0.0.0']
         working_dir: /src
         extra_hosts:
diff --git a/e2e/timetracker.spec.ts b/e2e/timetracker.spec.ts
index f7efd2ed..06cebfd0 100644
--- a/e2e/timetracker.spec.ts
+++ b/e2e/timetracker.spec.ts
@@ -17,8 +17,8 @@ async function assertThatTimerHasStarted(page) {
     );
 }
 
-async function assertNewTimeEntryResponse(page) {
-    await page.waitForResponse(async (response) => {
+function newTimeEntryResponse(page) {
+    return page.waitForResponse(async (response) => {
         return (
             response.status() === 201 &&
             (await response.headerValue('Content-Type')) ===
@@ -37,7 +37,7 @@ async function assertNewTimeEntryResponse(page) {
     });
 }
 
-async function assertThatTimerIsStoped(page) {
+async function assertThatTimerIsStopped(page) {
     await page.locator(
         '[data-testid="dashboard_timer"] [data-testid="timer_button"].bg-accent-300/70'
     );
@@ -47,29 +47,32 @@ test('test that starting and stopping a timer without description and project wo
     page,
 }) => {
     await goToDashboard(page);
+    const newTimeEntryPromise = newTimeEntryResponse(page);
     await startOrStopTimerWithButton(page);
-    await assertNewTimeEntryResponse(page);
+    await newTimeEntryPromise;
     await assertThatTimerHasStarted(page);
     await page.waitForTimeout(1500);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 test('test that starting and stopping a timer with a description works', async ({
@@ -79,226 +82,251 @@ test('test that starting and stopping a timer with a description works', async (
     await page
         .getByTestId('time_entry_description')
         .fill('New Time Entry Description');
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description ===
-                'New Time Entry Description' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description ===
+                    'New Time Entry Description' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
     await assertThatTimerHasStarted(page);
-    await page.waitForTimeout(500);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description ===
-                'New Time Entry Description' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+    await page.waitForTimeout(1500);
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description ===
+                    'New Time Entry Description' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        await startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 test('test that starting and updating the description while running works', async ({
     page,
 }) => {
     await goToDashboard(page);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
     await assertThatTimerHasStarted(page);
     await page.waitForTimeout(500);
     await page
         .getByTestId('time_entry_description')
         .fill('New Time Entry Description');
-    await page.getByTestId('time_entry_description').press('Tab');
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description ===
-                'New Time Entry Description' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description ===
+                    'New Time Entry Description' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        page.getByTestId('time_entry_description').press('Tab'),
+    ]);
     await page.waitForTimeout(500);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description ===
-                'New Time Entry Description' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description ===
+                    'New Time Entry Description' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        await startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 test('test that starting and updating the time while running works', async ({
     page,
 }) => {
     await goToDashboard(page);
-    await startOrStopTimerWithButton(page);
-    const createResponse = await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+    const [createResponse] = await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        await startOrStopTimerWithButton(page),
+    ]);
     await assertThatTimerHasStarted(page);
     await page.waitForTimeout(500);
     await page.getByTestId('time_entry_time').fill('20min');
-    await page.getByTestId('time_entry_time').press('Tab');
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.start !==
-                (await createResponse.json()).data.start &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.start !==
+                    (await createResponse.json()).data.start &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        page.getByTestId('time_entry_time').press('Tab'),
+    ]);
+
     await expect(page.getByTestId('time_entry_time')).toHaveValue(/00:20/);
     await page.waitForTimeout(500);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 test('test that entering a time starts the timer on blur', async ({ page }) => {
     await goToDashboard(page);
     await page.getByTestId('time_entry_time').fill('20min');
-    await page.getByTestId('time_entry_time').press('Tab');
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        page.getByTestId('time_entry_time').press('Tab'),
+    ]);
     await assertThatTimerHasStarted(page);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
     await page.locator(
         '[data-testid="dashboard_timer"] [data-testid="timer_button"].bg-accent-300/70'
     );
@@ -309,44 +337,48 @@ test('test that entering a time starts the timer on enter', async ({
 }) => {
     await goToDashboard(page);
     await page.getByTestId('time_entry_time').fill('20min');
-    await page.getByTestId('time_entry_time').press('Enter');
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end === null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration === null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end === null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration === null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        page.getByTestId('time_entry_time').press('Enter'),
+    ]);
     await assertThatTimerHasStarted(page);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 test('test that adding a new tag works', async ({ page }) => {
@@ -354,15 +386,19 @@ test('test that adding a new tag works', async ({ page }) => {
     await goToDashboard(page);
     await page.getByTestId('tag_dropdown').click();
     await page.getByTestId('tag_dropdown_search').fill(newTagName);
-    await page.getByTestId('tag_dropdown_search').press('Enter');
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.name === newTagName
-        );
-    });
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.name === newTagName
+            );
+        }),
+        page.getByTestId('tag_dropdown_search').press('Enter'),
+    ]);
+
     await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
     await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
 });
@@ -372,24 +408,24 @@ test('test that adding a new tag when the timer is running', async ({
 }) => {
     const newTagName = 'New Tag' + Math.floor(Math.random() * 10000);
     await goToDashboard(page);
-    await startOrStopTimerWithButton(page);
-    await assertNewTimeEntryResponse(page);
+    await Promise.all([
+        newTimeEntryResponse(page),
+        startOrStopTimerWithButton(page),
+    ]);
     await assertThatTimerHasStarted(page);
     await page.getByTestId('tag_dropdown').click();
     await page.getByTestId('tag_dropdown_search').fill(newTagName);
-    await page.getByTestId('tag_dropdown_search').press('Enter');
-    const tagCreateResponse = await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 201 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.name === newTagName
-        );
-    });
-    await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
-
-    await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
-
+    const [tagCreateResponse] = await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 201 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.name === newTagName
+            );
+        }),
+        page.getByTestId('tag_dropdown_search').press('Enter'),
+    ]);
     await page.waitForResponse(async (response) => {
         return (
             response.status() === 200 &&
@@ -407,27 +443,32 @@ test('test that adding a new tag when the timer is running', async ({
                 JSON.stringify([(await tagCreateResponse.json()).data.id])
         );
     });
+    await expect(page.getByTestId('tag_dropdown_search')).toHaveValue('');
+    await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
     await page.getByTestId('tag_dropdown_search').press('Escape');
     await page.waitForTimeout(1000);
-    await startOrStopTimerWithButton(page);
-    await page.waitForResponse(async (response) => {
-        return (
-            response.status() === 200 &&
-            (await response.headerValue('Content-Type')) ===
-                'application/json' &&
-            (await response.json()).data.id !== null &&
-            (await response.json()).data.start !== null &&
-            (await response.json()).data.end !== null &&
-            (await response.json()).data.project_id === null &&
-            (await response.json()).data.description === '' &&
-            (await response.json()).data.task_id === null &&
-            (await response.json()).data.duration !== null &&
-            (await response.json()).data.user_id !== null &&
-            JSON.stringify((await response.json()).data.tags) ===
-                JSON.stringify([(await tagCreateResponse.json()).data.id])
-        );
-    });
-    await assertThatTimerIsStoped(page);
+
+    await Promise.all([
+        page.waitForResponse(async (response) => {
+            return (
+                response.status() === 200 &&
+                (await response.headerValue('Content-Type')) ===
+                    'application/json' &&
+                (await response.json()).data.id !== null &&
+                (await response.json()).data.start !== null &&
+                (await response.json()).data.end !== null &&
+                (await response.json()).data.project_id === null &&
+                (await response.json()).data.description === '' &&
+                (await response.json()).data.task_id === null &&
+                (await response.json()).data.duration !== null &&
+                (await response.json()).data.user_id !== null &&
+                JSON.stringify((await response.json()).data.tags) ===
+                    JSON.stringify([(await tagCreateResponse.json()).data.id])
+            );
+        }),
+        startOrStopTimerWithButton(page),
+    ]);
+    await assertThatTimerIsStopped(page);
 });
 
 // test that adding a new tag when the timer is running
diff --git a/resources/js/Components/Dashboard/TeamActivityCardEntry.vue b/resources/js/Components/Dashboard/TeamActivityCardEntry.vue
index a359d475..3d30ca31 100644
--- a/resources/js/Components/Dashboard/TeamActivityCardEntry.vue
+++ b/resources/js/Components/Dashboard/TeamActivityCardEntry.vue
@@ -9,7 +9,7 @@ defineProps<{
 <template>
     <div class="px-4 py-3 grid grid-cols-3">
         <div class="col-span-2">
-            <p class="font-semibold text-white ">
+            <p class="font-semibold text-white">
                 {{ name }}
             </p>
             <div class="text-muted font-medium">
diff --git a/resources/js/Components/DialogModal.vue b/resources/js/Components/DialogModal.vue
index 94b37f37..a8ba6a29 100644
--- a/resources/js/Components/DialogModal.vue
+++ b/resources/js/Components/DialogModal.vue
@@ -39,8 +39,7 @@ const close = () => {
             </div>
         </div>
 
-        <div
-            class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
+        <div class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
             <slot name="footer" />
         </div>
     </Modal>
diff --git a/resources/js/Pages/API/Index.vue b/resources/js/Pages/API/Index.vue
index 54e357dd..ca4b8912 100644
--- a/resources/js/Pages/API/Index.vue
+++ b/resources/js/Pages/API/Index.vue
@@ -13,8 +13,7 @@ defineProps<{
 <template>
     <AppLayout title="API Tokens">
         <template #header>
-            <h2
-                class="font-semibold text-xl text-white leading-tight">
+            <h2 class="font-semibold text-xl text-white leading-tight">
                 API Tokens
             </h2>
         </template>
diff --git a/resources/js/Pages/Auth/ForgotPassword.vue b/resources/js/Pages/Auth/ForgotPassword.vue
index ef298f0d..bc370f87 100644
--- a/resources/js/Pages/Auth/ForgotPassword.vue
+++ b/resources/js/Pages/Auth/ForgotPassword.vue
@@ -34,9 +34,7 @@ const submit = () => {
             you to choose a new one.
         </div>
 
-        <div
-            v-if="status"
-            class="mb-4 font-medium text-sm text-green-400">
+        <div v-if="status" class="mb-4 font-medium text-sm text-green-400">
             {{ status }}
         </div>
 
diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue
index 3cfd2784..b5687fe9 100644
--- a/resources/js/Pages/Auth/Login.vue
+++ b/resources/js/Pages/Auth/Login.vue
@@ -38,9 +38,7 @@ const submit = () => {
             <AuthenticationCardLogo />
         </template>
 
-        <div
-            v-if="status"
-            class="mb-4 font-medium text-sm text-green-400">
+        <div v-if="status" class="mb-4 font-medium text-sm text-green-400">
             {{ status }}
         </div>
 
diff --git a/resources/js/Pages/Dashboard.vue b/resources/js/Pages/Dashboard.vue
index 4c223661..d137dd2c 100644
--- a/resources/js/Pages/Dashboard.vue
+++ b/resources/js/Pages/Dashboard.vue
@@ -10,7 +10,7 @@ import type { Organization, User } from '@/types/models';
 import { onMounted } from 'vue';
 import { useProjectsStore } from '@/utils/useProjects';
 import ActivityGraphCard from '@/Components/Dashboard/ActivityGraphCard.vue';
-import MainContainer from "@/Pages/MainContainer.vue";
+import MainContainer from '@/Pages/MainContainer.vue';
 
 const page = usePage<{
     auth: {
diff --git a/resources/js/Pages/MainContainer.vue b/resources/js/Pages/MainContainer.vue
index a3c7dcf4..696eedf7 100644
--- a/resources/js/Pages/MainContainer.vue
+++ b/resources/js/Pages/MainContainer.vue
@@ -1,6 +1,4 @@
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <div class="sm:px-6 lg:px-8 xl:px-12 mx-auto">
@@ -8,6 +6,4 @@
     </div>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/resources/js/Pages/Profile/Show.vue b/resources/js/Pages/Profile/Show.vue
index a213dad3..9de35c9c 100644
--- a/resources/js/Pages/Profile/Show.vue
+++ b/resources/js/Pages/Profile/Show.vue
@@ -31,8 +31,7 @@ const page = usePage<{
 <template>
     <AppLayout title="Profile">
         <template #header>
-            <h2
-                class="font-semibold text-xl text-white leading-tight">
+            <h2 class="font-semibold text-xl text-white leading-tight">
                 Profile
             </h2>
         </template>
diff --git a/resources/js/Pages/Teams/Create.vue b/resources/js/Pages/Teams/Create.vue
index a6127db6..381e441f 100644
--- a/resources/js/Pages/Teams/Create.vue
+++ b/resources/js/Pages/Teams/Create.vue
@@ -6,8 +6,7 @@ import CreateTeamForm from '@/Pages/Teams/Partials/CreateTeamForm.vue';
 <template>
     <AppLayout title="Create Team">
         <template #header>
-            <h2
-                class="font-semibold text-xl text-white leading-tight">
+            <h2 class="font-semibold text-xl text-white leading-tight">
                 Create Team
             </h2>
         </template>
diff --git a/resources/js/Pages/Teams/Show.vue b/resources/js/Pages/Teams/Show.vue
index cbca621a..ff392b96 100644
--- a/resources/js/Pages/Teams/Show.vue
+++ b/resources/js/Pages/Teams/Show.vue
@@ -17,8 +17,7 @@ defineProps<{
 <template>
     <AppLayout title="Team Settings">
         <template #header>
-            <h2
-                class="font-semibold text-xl text-white leading-tight">
+            <h2 class="font-semibold text-xl text-white leading-tight">
                 Team Settings
             </h2>
         </template>