fix playwright tests on windows

Author: Cristhianzl

src/frontend/tests/core/features/publish-flow.spec.ts

@@ -65,7 +65,13 @@ test(
 
     await page.getByTestId("shareable-playground").click();
     const newPage = await pagePromise;
-    await newPage.waitForTimeout(3000);
+    await newPage.waitForLoadState("domcontentloaded");
+    // Wait for the chat input to actually be present before filling. The
+    // default actionTimeout (20s) was not enough on Windows CI for the
+    // shareable-playground page to mount the message input.
+    await newPage
+      .getByPlaceholder("Send a message...")
+      .waitFor({ state: "visible", timeout: 60000 });
     const newUrl = newPage.url();
     await newPage.getByPlaceholder("Send a message...").fill("Hello");
     await newPage.getByTestId("button-send").last().click();

src/frontend/tests/core/features/right-click-dropdown.spec.ts

@@ -15,9 +15,17 @@ test(
 
     await page.getByTestId("template-get-started-card-basic-prompting").click();
 
-    // Wait for the flow to load
+    // Wait for the flow to load. 3s was not enough on slower runners
+    // (Windows CI): the sidebar input briefly resolves as visible but the
+    // canvas template is still mounting, and waitForSelector observes the
+    // input being re-mounted and times out. Wait for the canvas controls
+    // to settle (the same gate other tests use after opening a template),
+    // then verify the sidebar input.
+    await page.waitForSelector('[data-testid="canvas_controls_dropdown"]', {
+      timeout: 60000,
+    });
     await page.waitForSelector('[data-testid="sidebar-search-input"]', {
-      timeout: 3000,
+      timeout: 30000,
     });
 
     // Test 1: Right-click on Chat Input component should open dropdown immediately (single click)

src/frontend/tests/core/features/shareable-playground-auth.spec.ts

@@ -41,6 +41,12 @@ async function setupShareablePlayground(page: any, context: any): Promise<any> {
  * Uses the same pattern as publish-flow.spec.ts (Stop button lifecycle).
  */
 async function sendAndWaitForResponse(playgroundPage: any, message: string) {
+  // Wait for the chat input to be present. The default actionTimeout (20s)
+  // was not enough on Windows CI for the shareable-playground page to mount
+  // the message input.
+  await playgroundPage
+    .getByPlaceholder("Send a message...")
+    .waitFor({ state: "visible", timeout: 60000 });
   await playgroundPage.getByPlaceholder("Send a message...").fill(message);
   await playgroundPage.getByTestId("button-send").last().click();
 
@@ -93,6 +99,10 @@ test(
 
     const playgroundPage = await setupShareablePlayground(page, context);
 
+    // Wait for the chat input to be present (Windows CI is slow to mount it).
+    await playgroundPage
+      .getByPlaceholder("Send a message...")
+      .waitFor({ state: "visible", timeout: 60000 });
     await playgroundPage
       .getByPlaceholder("Send a message...")
       .fill("Tell me a short joke");

src/frontend/tests/core/unit/fileUploadComponent.spec.ts

@@ -329,7 +329,19 @@ test(
         return data;
       }, newTxtFile);
 
-      // Trigger drag events
+      // Trigger drag events. We wait for the POST /files response so that
+      // the optimistic "temp" cache entry has been replaced with the real
+      // server path before we close the modal. On slower runners (Windows
+      // CI), closing the modal before the cache settles causes the new
+      // file's server path to be missing from useGetFilesV2 when the
+      // parent node re-renders, so the file never appears in the node.
+      const uploadResponsePromise = page.waitForResponse(
+        (response) =>
+          response.url().includes("/api/v2/files") &&
+          response.request().method() === "POST" &&
+          response.status() === 201,
+        { timeout: 30000 },
+      );
       await page.dispatchEvent(
         '[data-testid="drag-files-component"]',
         "dragover",
@@ -340,6 +352,7 @@ test(
       await page.dispatchEvent('[data-testid="drag-files-component"]', "drop", {
         dataTransfer,
       });
+      await uploadResponsePromise;
       await expect(page.getByText(`${newTxtFile}.txt`).last()).toBeVisible({
         timeout: 10000,
       });
@@ -348,6 +361,10 @@ test(
         page.getByTestId(`checkbox-${newTxtFile}`).last(),
       ).toHaveAttribute("data-state", "checked", { timeout: 10000 });
 
+      // Wait for any in-flight files refetch triggered by the upload's
+      // onSettled invalidate before closing the modal.
+      await page.waitForLoadState("networkidle");
+
       await page.getByTestId("select-files-modal-button").click();
       await expect(page.getByText(`${renamedJsonFile}.txt`).first()).toBeHidden(
         {