fix: revert to dispatchEvent('click') for checkboxes

check({force:true}) doesn't work with MDC mat-checkbox either.
Revert to dispatchEvent('click') which was proven to work in Job B.
Keep clearTable fallback to single-delete when checkbox fails.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: renemadsen

eform-client/playwright/e2e/plugins/items-planning-pn/ItemsPlanningPairingPage.ts

@@ -142,14 +142,18 @@ export class PairingRowObject {
     clickCancel = false
   ) {
     if (clickOnPairRow) {
-      const input = this.pairRowForClick.locator('input');
-      if (pair) { await input.check({ force: true }); } else { await input.uncheck({ force: true }); }
+      await this.pairRowForClick.dispatchEvent('click');
       await this.page.waitForTimeout(500);
+      if ((await this.pairRow.locator('input').isChecked()) !== pair) {
+        await this.pairRowForClick.dispatchEvent('click');
+        await this.page.waitForTimeout(500);
+      }
     } else {
       for (let i = 0; i < this.pairCheckboxesForClick.length; i++) {
-        const input = this.pairCheckboxes[i].locator('input');
-        if (pair) { await input.check({ force: true }); } else { await input.uncheck({ force: true }); }
-        await this.page.waitForTimeout(500);
+        if ((await this.pairCheckboxes[i].locator('input').isChecked()) !== pair) {
+          await this.pairCheckboxesForClick[i].dispatchEvent('click');
+          await this.page.waitForTimeout(500);
+        }
       }
     }
     await this.pairingPage.savePairing(clickCancel);
@@ -160,8 +164,7 @@ export class PairingRowObject {
     indexDeviceForPair: number,
     clickCancel = false
   ) {
-    const input = this.pairCheckboxesForClick[indexDeviceForPair].locator('input');
-    if (pair) { await input.check({ force: true }); } else { await input.uncheck({ force: true }); }
+    await this.pairCheckboxesForClick[indexDeviceForPair].dispatchEvent('click');
     await this.page.waitForTimeout(1000);
     await this.pairingPage.savePairing(clickCancel);
   }
@@ -213,14 +216,18 @@ export class PairingColObject {
     clickCancel = false
   ) {
     if (clickOnPairRow) {
-      const input = this.pairColForClick.locator('input');
-      if (pair) { await input.check({ force: true }); } else { await input.uncheck({ force: true }); }
+      await this.pairColForClick.dispatchEvent('click');
       await this.page.waitForTimeout(500);
+      if ((await this.pairCol.locator('input').isChecked()) !== pair) {
+        await this.pairColForClick.dispatchEvent('click');
+        await this.page.waitForTimeout(500);
+      }
     } else {
       for (let i = 0; i < this.pairCheckboxesForClick.length; i++) {
-        const input = this.pairCheckboxes[i].locator('input');
-        if (pair) { await input.check({ force: true }); } else { await input.uncheck({ force: true }); }
-        await this.page.waitForTimeout(500);
+        if ((await this.pairCheckboxes[i].locator('input').isChecked()) !== pair) {
+          await this.pairCheckboxesForClick[i].dispatchEvent('click');
+          await this.page.waitForTimeout(500);
+        }
       }
     }
     await this.pairingPage.savePairing(clickCancel);

eform-client/playwright/e2e/plugins/items-planning-pn/ItemsPlanningPlanningPage.ts

@@ -204,13 +204,8 @@ export class ItemsPlanningPlanningPage extends PageWithNavbarPage {
 
   async selectAllPlanningsForDelete(valueCheckbox = true, pickOne = false) {
     if (!pickOne) {
-      // Use check/uncheck on the input element with force, matching Cypress approach
-      const input = this.page.locator('.mat-header-cell mat-checkbox input');
-      if (valueCheckbox) {
-        await input.check({ force: true });
-      } else {
-        await input.uncheck({ force: true });
-      }
+      // Use dispatchEvent on the mat-checkbox host element
+      await this.selectAllPlanningsCheckbox.dispatchEvent('click');
       await this.page.waitForTimeout(1000);
     } else {
       const plannings = await this.getAllPlannings(0, false);
@@ -448,13 +443,11 @@ export class PlanningRowObject {
   }
 
   async clickOnCheckboxForMultipleDelete(valueCheckbox = true) {
-    const input = this.checkboxDelete.locator('input');
-    if (valueCheckbox) {
-      await input.check({ force: true });
-    } else {
-      await input.uncheck({ force: true });
+    const isChecked = await this.checkboxDelete.locator('input').isChecked().catch(() => false);
+    if (isChecked !== valueCheckbox) {
+      await this.checkboxDelete.dispatchEvent('click');
+      await this.page.waitForTimeout(500);
     }
-    await this.page.waitForTimeout(500);
   }
 
   async readPairing(): Promise<{ workerName: string; workerValue: boolean }[]> {