Merge branch 'main' into no-ergo

frontend/main.ts

@@ -425,8 +425,10 @@ function initNewChoice(select: HTMLInputElement) {
     maxItemText: (maxItemCount) => {
       return `Nur ${maxItemCount} Ruderer können hinzugefügt werden`;
     },
-    callbackOnInit: function () {
-      this._currentState.items.forEach(function (obj) {
+    callbackOnInit: function (this: Choices) {
+      const items = this.getValue(true); // Get all selected items
+      const itemsArray = Array.isArray(items) ? items : [items];
+      itemsArray.forEach((obj: any) => {
         if (boat_in_ottensheim && obj.customProperties) {
           if (obj.customProperties.is_racing) {
             const coxSelect = <HTMLSelectElement>(

frontend/package.json

@@ -9,20 +9,20 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@playwright/test": "^1.40.1",
-    "@types/d3": "^7.4.1",
-    "@types/node": "^20.11.4",
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.21",
-    "sass": "^1.60.0",
-    "tailwindcss": "^3.3.1",
-    "typescript": "^4.9.5",
-    "vite": "^4.2.0",
-    "vite-plugin-static-copy": "^0.13.1"
+    "@playwright/test": "^1.55.1",
+    "@types/d3": "^7.4.3",
+    "@types/node": "^24.6.1",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "sass": "^1.93.2",
+    "tailwindcss": "^3.4.18",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-static-copy": "^3.1.3"
   },
   "dependencies": {
-    "choices.js": "^10.2.0",
-    "d3": "^7.8.5",
-    "terser": "^5.21.0"
+    "choices.js": "^11.1.0",
+    "d3": "^7.9.0",
+    "terser": "^5.44.0"
   }
 }

frontend/tests/log.spec.ts

@@ -18,16 +18,20 @@ test("Cox can start and cancel trip", async ({ page }, testInfo) => {
     await page.getByText('2x', { exact: true }).click();
     await page.getByText("Joe", { exact: true }).click();
   }
-  await page.getByLabel('Remove item: \'6\'').click(); // remove pre-filled cox2
+  await page.getByRole('button', { name: 'Remove item:' }).click(); // remove pre-filled cox2
   await page.getByPlaceholder("Ruderer auswählen").click();
   await page.getByRole("option", { name: "rower2" }).click();
   await page.getByRole("option", { name: "cox2" }).click();
-  await expect(page.getByRole("listbox")).toContainText(
+  await expect(page.locator("#form")).toContainText(
     "Nur 2 Ruderer können hinzugefügt werden",
   );
+
   await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
   await expect(page.locator("#steering_person-newrowerjs")).toContainText(
-    "rower2 cox",
+    "rower2",
+  );
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "cox2",
   );
   await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
   await expect(page.locator("body")).toContainText(
@@ -60,11 +64,11 @@ test("Cox can start and finish trip", async ({ page }, testInfo) => {
     await page.getByText('2x', { exact: true }).click();
     await page.getByText("Joe", { exact: true }).click();
   }
-  await page.getByLabel('Remove item: \'6\'').click(); // remove pre-filled cox2
+  await page.getByRole('button', { name: 'Remove item:' }).click(); // remove pre-filled cox2
   await page.getByPlaceholder("Ruderer auswählen").click();
   await page.getByRole("option", { name: "rower2" }).click();
   await page.getByRole("option", { name: "cox2" }).click();
-  await expect(page.getByRole("listbox")).toContainText(
+  await expect(page.locator("#form")).toContainText(
     "Nur 2 Ruderer können hinzugefügt werden",
   );
 
@@ -79,8 +83,12 @@ test("Cox can start and finish trip", async ({ page }, testInfo) => {
 
   await expect(page.locator("#shipmaster-newrowerjs")).toContainText("cox");
   await expect(page.locator("#steering_person-newrowerjs")).toContainText(
-    "rower2 cox",
+    "rower2",
   );
+  await expect(page.locator("#steering_person-newrowerjs")).toContainText(
+    "cox",
+  );
+
   await page.getByRole("button", { name: "Ausfahrt eintragen" }).click();
   await expect(page.locator("body")).toContainText(
     "Ausfahrt erfolgreich hinzugefügt",