adding console.log to the playwright test

Author: abhijitb

.github/workflows/playwright-matrix.yml

@@ -229,7 +229,7 @@ jobs:
         run: |
           # Playwright's OS dependencies come from Ubuntu's own repos
           # so these third-party sources are unnecessary here and safe to remove.
-          # Scoped to sources.list.d so /etc/apt/sources.list (Ubuntu's own repos) 
+          # Scoped to sources.list.d so /etc/apt/sources.list (Ubuntu's own repos)
           # can never be removed.
           sudo grep -rl 'dl\.google\.com' /etc/apt/sources.list.d/ 2>/dev/null \
             | sudo xargs -r rm -fv || true

tests/playwright/specs/ai-designer.spec.js

@@ -20,9 +20,42 @@ test.describe('AI Page Designer', () => {
       await auth.navigateToAdminPage(page, 'admin.php?page=web#/ai-designer');
       await page.waitForSelector('#wppw-app-rendered', { timeout: 15000 });
 
-      if (await mount.count()) {
+      // Wait properly rather than checking instantaneously: the AI Designer
+      // page is a React.lazy() import, so the mount appears a beat after
+      // #wppw-app-rendered. A bare count() here retries on that race and
+      // makes the diagnostic below fire before the page had a fair chance.
+      try {
+        await mount.waitFor({ state: 'attached', timeout: 15000 });
         break;
+      } catch (e) {
+        // Genuinely absent after waiting -- fall through and record why.
       }
+
+      // TEMPORARY DIAGNOSTIC -- remove once the first-run capability failure
+      // is understood. Three readings taken at the moment of failure:
+      //   db     - what the options table actually holds
+      //   page   - what this rendered document received
+      //   refetch- a fresh server request on this same context/session,
+      //            which distinguishes a stale browser cache from the server
+      //            genuinely returning no capabilities for this session.
+      const dbCaps = await newfold.logCapabilities();
+      const pageCaps = await page.evaluate(
+        () => window.NewfoldRuntime && window.NewfoldRuntime.capabilities
+      );
+      let refetchCaps = 'n/a';
+      try {
+        const res = await page.request.get(page.url().split('#')[0]);
+        const html = await res.text();
+        const m = html.match(/capabilities":(\[\]|\{[^}]*\})/);
+        refetchCaps = m ? m[1] : 'not-found-in-html';
+      } catch (e) {
+        refetchCaps = `error: ${e.message}`;
+      }
+
+      console.log(`[aipd-diag] attempt=${attempt} url=${page.url()}`);
+      console.log(`[aipd-diag]   db      = ${JSON.stringify(dbCaps)}`);
+      console.log(`[aipd-diag]   page    = ${JSON.stringify(pageCaps)}`);
+      console.log(`[aipd-diag]   refetch = ${refetchCaps}`);
     }
 
     await expect(mount).toBeVisible({ timeout: 15000 });