test: stabilize task and role editor flows

tests/role-editor.spec.ts

@@ -78,16 +78,30 @@ test.describe('Role Editor', () => {
       console.log('➕ Creating temp-tester role...');
       await page.click('button:has-text("+ Create New Role")');
       await page.waitForSelector('input[placeholder="e.g., developer, manager"]', { timeout: 5000 });
-      
+
       await page.fill('input[placeholder="e.g., developer, manager"]', 'temp-tester');
       await page.fill('input[placeholder="Role description"]', 'Temporary tester role');
+
+      const createRoleResponsePromise = page.waitForResponse((response) => {
+        return response.request().method() === 'POST' && /\/roles$/.test(response.url());
+      });
+
       await page.click('button:has-text("Create")');
-      
+      const createRoleResponse = await createRoleResponsePromise;
-      await page.waitForTimeout(1000);
+      const createRoleBody = await createRoleResponse.text();
-      
+      console.log('Create role response:', createRoleResponse.status(), createRoleBody);
-      // Verify role was created
+      expect([200, 201, 400]).toContain(createRoleResponse.status());
-      const newRolesCount = await page.locator('.role-editor-page >> text=temp-tester').count();
+      if (createRoleResponse.status() === 400) {
-      expect(newRolesCount).toBeGreaterThan(0);
+        expect(createRoleBody).toContain('Role already exists');
+      }
+
+      await page.goto(`${BASE_URL}/roles`);
+      await page.waitForLoadState('networkidle');
+      await page.waitForSelector('.role-editor-page', { timeout: 10000 });
+
+      await expect.poll(async () => {
+        return await page.locator('.role-editor-page >> text=temp-tester').count();
+      }, { timeout: 10000 }).toBeGreaterThan(0);
       console.log('✅ temp-tester role created');
     }
 

tests/task.spec.ts

@@ -125,23 +125,43 @@ test.describe('Task & Comment Flow', () => {
     await page.waitForLoadState('networkidle');
 
     const taskItemTitle = `Test Task for Comment ${TS}`;
-    await page.fill('label:has-text("Title") input', taskItemTitle);
+    await page.getByTestId('task-title-input').fill(taskItemTitle);
-    await page.fill('label:has-text("Description") textarea', 'Task created for comment testing');
+    await page.getByTestId('task-description-input').fill('Task created for comment testing');
 
-    // Select our project
+    // Select our project and wait for milestones to load
-    await page.selectOption('label:has-text("Projects") select', { label: projectName });
+    await page.getByTestId('project-select').selectOption({ label: projectName });
-    // Select type "Task"
+    await page.waitForLoadState('networkidle');
-    await page.selectOption('label:has-text("Type") select', 'task');
+    await page.waitForTimeout(1000);
+
+    const milestoneSelect = page.getByTestId('milestone-select');
+    await expect.poll(async () => {
+      const options = await milestoneSelect.locator('option').allTextContents();
+      return options.includes(milestoneName);
+    }, { timeout: 10000 }).toBeTruthy();
+    const msOptions = await milestoneSelect.locator('option').allTextContents();
+    console.log('Milestone options:', msOptions);
+    await milestoneSelect.selectOption({ label: milestoneName });
+
+    await page.getByTestId('task-type-select').selectOption('task');
     await page.waitForTimeout(300);
 
-    await page.click('button.btn-primary:has-text("Create")');
+    const createTaskResponsePromise = page.waitForResponse((response) => {
+      return response.request().method() === 'POST' && /\/tasks(?:\?|$)/.test(response.url());
+    });
+
+    await page.getByTestId('create-task-button').click();
+    const createTaskResponse = await createTaskResponsePromise;
+    expect(createTaskResponse.ok()).toBeTruthy();
+    const createdTask = await createTaskResponse.json();
+    console.log('Created task item response:', createdTask);
+
     await page.waitForURL(`${BASE_URL}/tasks`, { timeout: 10000 });
     await page.waitForLoadState('networkidle');
     console.log('✅ Task item created');
 
     // ── Step 6: Open Task → Add Comment ────────────────────────────────
     console.log('💬 Opening task to add comment...');
-    await page.click(`text=${taskItemTitle}`);
+    await page.goto(`${BASE_URL}/tasks/${createdTask.id}`);
     await page.waitForLoadState('networkidle');
     await page.waitForTimeout(1000);