chore: stabilize flaky playwright tests (#1398)

There are two flaky tests that have been consistently flaky for a week. Making these tests more robust.

Author: teeohhem

packages/app/playwright.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 1,
   /* Use multiple workers on CI for faster execution */
-  workers: undefined,
+  workers: process.env.CI ? 2 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: [
     ['html'],
@@ -33,8 +33,8 @@ export default defineConfig({
     video: 'retain-on-failure',
   },
 
-  /* Global test timeout - increased from default 30s to 60s to reduce flaky test failures */
-  timeout: 60 * 1000,
+  /* Global test timeout - CI needs more time than local */
+  timeout: 45 * 1000,
 
   /* Configure projects for different test environments */
   projects: [

packages/app/tests/e2e/features/search/relative-time.spec.ts

@@ -288,6 +288,10 @@ test.describe('Relative Time Picker', { tag: '@relative-time' }, () => {
         const timePickerInput = page.locator(
           '[data-testid="time-picker-input"]',
         );
+        // Wait for the UI to update with the URL state
+        await expect(timePickerInput).toHaveValue('Last 30 minutes', {
+          timeout: 5000,
+        });
         const inputValue = await timePickerInput.inputValue();
         expect(inputValue).toBe('Last 30 minutes');
       });
@@ -314,6 +318,14 @@ test.describe('Relative Time Picker', { tag: '@relative-time' }, () => {
       });
 
       await test.step('Open time picker and verify relative toggle is on', async () => {
+        // Wait for the time picker to be ready with the URL state
+        const timePickerInput = page.locator(
+          '[data-testid="time-picker-input"]',
+        );
+        await expect(timePickerInput).toHaveValue('Last 30 minutes', {
+          timeout: 5000,
+        });
+
         await page.click('[data-testid="time-picker-input"]');
         await page.waitForSelector('[data-testid="time-picker-popover"]', {
           state: 'visible',