fix: replace missing #editFolderSelectorInput with #folderName textContent

The Angular template uses <span id="folderName"> not an input element.
inputValue() hung forever causing Job B timeouts. Also fix tags test
to use pressSequentially for Angular ngModel compatibility.

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

Author: renemadsen

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

@@ -195,12 +195,8 @@ export class ItemsPlanningPlanningPage extends PageWithNavbarPage {
     if (!pickOne) {
       const isChecked = await this.selectAllPlanningsCheckbox.locator('input').isChecked().catch(() => false);
       if (isChecked !== valueCheckbox) {
-        // Use evaluate to click the mat-checkbox's internal div that handles the toggle
-        await this.selectAllPlanningsCheckbox.evaluate((el: HTMLElement) => {
-          const inner = el.querySelector('.mdc-checkbox') as HTMLElement;
-          if (inner) inner.click();
-          else el.click();
-        });
+        // Click on the mat-checkbox element itself to toggle
+        await this.selectAllPlanningsCheckbox.click({ force: true, position: { x: 10, y: 10 } });
         await this.page.waitForTimeout(500);
       }
     } else {
@@ -326,7 +322,7 @@ export class PlanningRowObject {
     }
     if (
       planning.folderName &&
-      (await modalPage.editFolderName.locator('#editFolderSelectorInput').inputValue()) !== planning.folderName
+      ((await this.page.locator('#folderName').textContent()) || '').trim() !== planning.folderName
     ) {
       await modalPage.selectFolder(planning.folderName);
     }
@@ -441,11 +437,7 @@ export class PlanningRowObject {
   async clickOnCheckboxForMultipleDelete(valueCheckbox = true) {
     const isChecked = await this.checkboxDelete.locator('input').isChecked().catch(() => false);
     if (isChecked !== valueCheckbox) {
-      await this.checkboxDelete.evaluate((el: HTMLElement) => {
-        const inner = el.querySelector('.mdc-checkbox') as HTMLElement;
-        if (inner) inner.click();
-        else el.click();
-      });
+      await this.checkboxDelete.click({ force: true, position: { x: 10, y: 10 } });
     }
   }
 

eform-client/playwright/e2e/plugins/items-planning-pn/b/items-planning.add.spec.ts

@@ -120,7 +120,7 @@ test.describe.serial('Items planning - Add', () => {
       await itemsPlanningModalPage.editItemBuildYear.inputValue()
     ).toBe(planningData.buildYear);
     expect(
-      await itemsPlanningModalPage.editFolderName.locator('#editFolderSelectorInput').inputValue()
+      (await page.locator('#folderName').textContent() || '').trim()
     ).toBe(planningData.folderName);
     expect(
       await itemsPlanningModalPage.editItemLocationCode.inputValue()

eform-client/playwright/e2e/plugins/items-planning-pn/b/items-planning.edit.spec.ts

@@ -163,7 +163,7 @@ test.describe.serial('Items planning actions - Edit', () => {
       await itemsPlanningModalPage.editItemBuildYear.inputValue()
     ).toBe(planningData.buildYear);
     expect(
-      await itemsPlanningModalPage.editFolderName.locator('#editFolderSelectorInput').inputValue()
+      (await page.locator('#folderName').textContent() || '').trim()
     ).toBe(planningData.folderName);
     expect(
       await itemsPlanningModalPage.editItemLocationCode.inputValue()

eform-client/playwright/e2e/plugins/items-planning-pn/c/items-planning.tags.spec.ts

@@ -28,14 +28,22 @@ test.describe.serial('Items planning - Tags', () => {
   test('should create tag', async () => {
     const tagsModalPage = new TagsModalPage(page);
     const tagsRowsBeforeCreate = await tagsModalPage.rowNum();
-    await tagsModalPage.createTag(tagName);
-    // Wait for tag list to refresh — retry rowNum until it increases
-    let tagsRowsAfterCreate = tagsRowsBeforeCreate;
-    for (let attempt = 0; attempt < 10; attempt++) {
-      await page.waitForTimeout(1000);
-      tagsRowsAfterCreate = await tagsModalPage.rowNum();
-      if (tagsRowsAfterCreate > tagsRowsBeforeCreate) break;
-    }
+    // Manually create tag — click new tag button, type name, click save
+    await tagsModalPage.newTagBtn().click();
+    await page.waitForTimeout(500);
+    await page.locator('#newTagName').waitFor({ state: 'visible', timeout: 90000 });
+    // Use click + type instead of fill to ensure Angular ngModel picks up the value
+    await tagsModalPage.newTagNameInput().click();
+    await tagsModalPage.newTagNameInput().pressSequentially(tagName, { delay: 50 });
+    await page.waitForTimeout(500);
+    // Verify button is enabled before clicking
+    await page.locator('#newTagSaveBtn:not([disabled])').waitFor({ state: 'visible', timeout: 10000 });
+    await tagsModalPage.newTagSaveBtn().click();
+    await page.waitForTimeout(500);
+    await page.locator('#newTagBtn').waitFor({ state: 'visible', timeout: 40000 });
+    // Wait for tag list to refresh
+    await page.waitForTimeout(3000);
+    const tagsRowsAfterCreate = await tagsModalPage.rowNum();
     const tagRowObject = new TagRowObject(page, tagsModalPage);
     const tagRowObj = await tagRowObject.getRow(tagsRowsAfterCreate);
     expect(tagsRowsAfterCreate).toBe(tagsRowsBeforeCreate + 1);