chore: fix flaky playwright tests (#7159)

tests/collection/create-requests/graphql-requests.spec.ts

@@ -10,19 +10,6 @@ test.describe('Create GraphQL Requests', () => {
   });
 
   test.afterAll(async ({ pageWithUserData: page }) => {
-    // Clean up Root GraphQL Request
-    await locators.sidebar.request('Root GraphQL Request').hover();
-    await locators.actions.collectionItemActions('Root GraphQL Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up Folder GraphQL Request
-    await locators.sidebar.request('Folder GraphQL Request').hover();
-    await locators.actions.collectionItemActions('Folder GraphQL Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up collection
     await closeAllCollections(page);
   });
 

tests/collection/create-requests/grpc-requests.spec.ts

@@ -10,21 +10,6 @@ test.describe('Create gRPC Requests', () => {
   });
 
   test.afterAll(async ({ pageWithUserData: page }) => {
-    const locators = buildCommonLocators(page);
-
-    // Clean up Root gRPC Request
-    await locators.sidebar.request('Root gRPC Request').hover();
-    await locators.actions.collectionItemActions('Root gRPC Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up Folder gRPC Request
-    await locators.sidebar.request('Folder gRPC Request').hover();
-    await locators.actions.collectionItemActions('Folder gRPC Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up collection
     await closeAllCollections(page);
   });
 

tests/collection/create-requests/http-requests.spec.ts

@@ -10,21 +10,6 @@ test.describe('Create HTTP Requests', () => {
   });
 
   test.afterAll(async ({ pageWithUserData: page }) => {
-    const locators = buildCommonLocators(page);
-
-    // Clean up Root HTTP Request
-    await locators.sidebar.request('Root HTTP Request').hover();
-    await locators.actions.collectionItemActions('Root HTTP Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up Folder HTTP Request
-    await locators.sidebar.request('Folder HTTP Request').hover();
-    await locators.actions.collectionItemActions('Folder HTTP Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up collection
     await closeAllCollections(page);
   });
 

tests/collection/create-requests/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/collection/create-requests/fixtures/collection",
+      "path": "{{collectionPath}}",
       "securityConfig": {
         "jsSandboxMode": "safe"
       }

tests/collection/create-requests/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
   "maximized": false,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/collection/create-requests/fixtures/collection"
+    "{{collectionPath}}"
   ]
 }

tests/collection/create-requests/ws-requests.spec.ts

@@ -10,21 +10,6 @@ test.describe('Create WebSocket Requests', () => {
   });
 
   test.afterAll(async ({ pageWithUserData: page }) => {
-    const locators = buildCommonLocators(page);
-
-    // Clean up Folder WebSocket Request
-    await locators.sidebar.request('Folder WebSocket Request').hover();
-    await locators.actions.collectionItemActions('Folder WebSocket Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up Root WebSocket Request
-    await locators.sidebar.request('Root WebSocket Request').hover();
-    await locators.actions.collectionItemActions('Root WebSocket Request').click();
-    await locators.dropdown.item('Delete').click();
-    await locators.modal.button('Delete').click();
-
-    // Clean up collection
     await closeAllCollections(page);
   });
 

tests/collection/moving-requests/cross-collection-drag-drop-request.spec.ts

@@ -94,8 +94,8 @@ test.describe('Cross-Collection Drag and Drop', () => {
     await expect(page.getByText(/Error: Cannot copy.*already exists/i)).toBeVisible();
 
     // source and target collection request should remain unchanged
-    await expect(sourceCollectionContainer.locator('.collection-item-name').filter({ hasText: requestName })).toBeVisible();
+    await expect(sourceCollectionContainer.locator('.collection-item-name').filter({ hasText: requestName }).first()).toBeVisible();
     await page.locator('#sidebar-collection-name').filter({ hasText: 'target-collection' }).click();
-    await expect(targetCollectionContainer.locator('.collection-item-name').filter({ hasText: requestName })).toBeVisible();
+    await expect(targetCollectionContainer.locator('.collection-item-name').filter({ hasText: requestName }).first()).toBeVisible();
   });
 });

tests/environments/api-setEnvVar/api-setEnvVar-with-persist.spec.ts

@@ -1,14 +1,8 @@
 import { test, expect } from '../../../playwright';
-import fs from 'fs';
-import path from 'path';
 import { sendRequest } from '../../utils/page';
 
 test.describe.serial('bru.setEnvVar(name, value, { persist: true })', () => {
   test('set env var with persist using script', async ({ pageWithUserData: page, restartApp }) => {
-    // Keep a copy of the original Stage.bru file
-    const originalStageBruPath = path.join(__dirname, 'fixtures/collection/environments/Stage.bru');
-    const originalStageBruContent = fs.readFileSync(originalStageBruPath, 'utf8');
-
     // Select the collection and request
     await page.locator('#sidebar-collection-name').click();
     await page.getByText('api-setEnvVar-with-persist', { exact: true }).click();
@@ -61,8 +55,6 @@ test.describe.serial('bru.setEnvVar(name, value, { persist: true })', () => {
     await newEnvTab.hover();
     await newEnvTab.getByTestId('request-tab-close-icon').click({ force: true });
 
-    // Restore the original Stage.bru file
-    fs.writeFileSync(originalStageBruPath, originalStageBruContent);
     await newPage.close();
   });
 });

tests/environments/api-setEnvVar/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/environments/api-setEnvVar/fixtures/collection",
+      "path": "{{collectionPath}}",
       "securityConfig": {
         "jsSandboxMode": "safe"
       }

tests/environments/api-setEnvVar/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
     "maximized": false,
     "lastOpenedCollections": [
-        "{{projectRoot}}/tests/environments/api-setEnvVar/fixtures/collection"
+        "{{collectionPath}}"
     ]
 }

tests/environments/api-setEnvVar/multiple-persist-vars.spec.ts

@@ -35,7 +35,7 @@ test.describe.serial('bru.setEnvVar multiple persistent variables', () => {
     }
   });
 
-  test('should persist multiple environment variables from different requests', async ({ pageWithUserData: page }) => {
+  test('should persist multiple environment variables from different requests', async ({ pageWithUserData: page, collectionFixturePath }) => {
     await test.step('Select collection', async () => {
       await page.locator('#sidebar-collection-name').click();
       // The collection name should be 'collection' based on the test setup
@@ -90,7 +90,7 @@ test.describe.serial('bru.setEnvVar multiple persistent variables', () => {
 
     await test.step('Verify variables are persisted to file', async () => {
       // Check that the variables are written to the Stage.bru file
-      const stageBruPath = path.join(__dirname, 'fixtures/collection/environments/Stage.bru');
+      const stageBruPath = path.join(collectionFixturePath!, 'environments', 'Stage.bru');
       const stageBruContent = fs.readFileSync(stageBruPath, 'utf8');
 
       // Both variables should be present in the file

tests/environments/import-environment/env-color-import/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
   "maximized": false,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/environments/import-environment/env-color-import/fixtures/collection"
+    "{{collectionPath}}"
   ]
 }

tests/environments/multiline-variables/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/environments/multiline-variables/collection",
+      "path": "{{collectionPath}}",
       "securityConfig": {
         "jsSandboxMode": "developer"
       }

tests/environments/multiline-variables/init-user-data/preferences.json

@@ -1,7 +1,7 @@
 {
   "maximized": true,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/environments/multiline-variables/collection"
+    "{{collectionPath}}"
   ],
   "request": {
     "sslVerification": false,

tests/environments/multiline-variables/write-multiline-variable.spec.ts

@@ -73,18 +73,4 @@ test.describe('Multiline Variables - Write Test', () => {
       = '{\n  "user": {\n    "name": "John Doe",\n    "email": "john@example.com",\n    "preferences": {\n      "theme": "dark",\n      "notifications": true\n    }\n  },\n  "metadata": {\n    "created": "2025-09-03",\n    "version": "1.0"\n  }\n}';
     await expect(page.locator('.response-pane')).toContainText(`"body": ${JSON.stringify(expectedBody)}`);
   });
-
-  // clean up created variable after test
-  test.afterEach(async () => {
-    const fs = require('fs');
-    const path = require('path');
-
-    const testBruPath = path.join(__dirname, 'collection/environments/Test.bru');
-    let content = fs.readFileSync(testBruPath, 'utf8');
-
-    // remove the multiline_data_json variable and its content
-    content = content.replace(/\s*multiline_data_json:\s*'''\s*[\s\S]*?\s*'''/g, '');
-
-    fs.writeFileSync(testBruPath, content);
-  });
 });

tests/grpc/make-request/make-request.spec.ts

@@ -25,7 +25,7 @@ test.describe('make grpc requests', () => {
 
     await test.step('select unary method', async () => {
       await locators.sidebar.request('SayHello').click();
-      await expect(locators.method.dropdownTrigger()).toContainText('HelloService/SayHello');
+      await expect(locators.method.dropdownTrigger()).toContainText('HelloService/SayHello', { timeout: 30000 });
     });
 
     await test.step('verify gRPC unary request is opened successfully', async () => {

tests/protobuf/fixtures/collection/bruno.json

@@ -11,25 +11,25 @@
   "protobuf": {
     "protoFiles": [
       {
-        "path": "../protos/services/invalid-file-path.proto",
+        "path": "./protos/services/invalid-file-path.proto",
         "type": "file"
       },
       {
-        "path": "../protos/services/product.proto",
+        "path": "./protos/services/product.proto",
         "type": "file"
       },
       {
-        "path": "../protos/services/order.proto",
+        "path": "./protos/services/order.proto",
         "type": "file"
       }
     ],
     "importPaths": [
       {
-        "path": "../protos/invalid-import-path",
+        "path": "./protos/invalid-import-path",
         "enabled": true
       },
       {
-        "path": "../protos/types",
+        "path": "./protos/types",
         "enabled": false
       },
       {

tests/protobuf/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/protobuf/collection",
+      "path": "{{collectionPath}}",
       "securityConfig": {
         "jsSandboxMode": "safe"
       }

tests/protobuf/init-user-data/preferences.json

@@ -1,7 +1,7 @@
 {
     "maximized": true,
     "lastOpenedCollections": [
-        "{{projectRoot}}/tests/protobuf/collection"
+        "{{collectionPath}}"
     ],
     "preferences": {
         "beta": {

tests/protobuf/manage-protofile.spec.ts

@@ -1,25 +1,9 @@
-import path from 'path';
 import { test, expect } from '../../playwright';
 import { closeAllCollections } from '../utils/page';
-import fs from 'fs';
-
-const COLLECTION_PATH = path.join(__dirname, 'collection', 'bruno.json');
-const BACKUP_PATH = path.join(__dirname, 'collection', 'bruno.json.backup');
-import { execSync } from 'child_process';
 
 test.describe('manage protofile', () => {
-  test.beforeAll(async () => {
-    // Backup original file
-    if (fs.existsSync(COLLECTION_PATH)) {
-      fs.copyFileSync(COLLECTION_PATH, BACKUP_PATH);
-    }
-  });
-
   test.afterAll(async ({ pageWithUserData: page }) => {
-    // Close all collections
     await closeAllCollections(page);
-    // Reset the collection request file to the original state
-    execSync(`git checkout -- ${path.join(__dirname, 'collection', 'bruno.json')}`);
   });
 
   test('protofiles, import paths from bruno.json are visible in the protobuf settings', async ({ pageWithUserData: page }) => {
@@ -39,7 +23,7 @@ test.describe('manage protofile', () => {
     const file = page.getByRole('cell', { name: 'product.proto', exact: true });
     await expect(file).toBeVisible();
 
-    const filePath = page.getByRole('cell', { name: '../protos/services/product.proto' });
+    const filePath = page.getByRole('cell', { name: './protos/services/product.proto' });
     await expect(filePath).toBeVisible();
 
     // Check import paths table
@@ -47,18 +31,18 @@ test.describe('manage protofile', () => {
     await expect(importPathsTable).toBeVisible();
 
     // Wait for import paths table data to load
-    const importPath = page.getByRole('cell', { name: '../protos/types', exact: true });
+    const importPath = page.getByRole('cell', { name: './protos/types', exact: true });
     await expect(importPath).toBeVisible();
 
     // Wait for invalid file path cell to appear
     const invalidFilePath = page.getByRole('cell', { name: 'invalid-file-path.proto', exact: true });
     await expect(invalidFilePath).toBeVisible();
 
-    const invalidImportPath = page.getByRole('cell', { name: '../protos/invalid-import-path', exact: true });
+    const invalidImportPath = page.getByRole('cell', { name: './protos/invalid-import-path', exact: true });
     await expect(invalidImportPath).toBeVisible();
 
     const collectionPathAsImportPath = page.getByRole('cell', { name: '.', exact: true });
-    const collectionPathName = page.getByRole('cell', { name: 'collection', exact: true });
+    const collectionPathName = page.getByRole('cell', { name: /^pw-collection-/ });
 
     // Invalid messages using test IDs
     const invalidProtoFilesMessage = page.getByTestId('protobuf-invalid-files-message');
@@ -76,9 +60,9 @@ test.describe('manage protofile', () => {
     await expect(page.getByRole('cell', { name: 'invalid-file-path.proto', exact: true })).not.toBeVisible();
     await expect(invalidProtoFilesMessage).not.toBeVisible();
 
-    await page.getByRole('row', { name: '../protos/invalid-import-path' }).getByTestId('protobuf-remove-import-path-button').click();
+    await page.getByRole('row', { name: './protos/invalid-import-path' }).getByTestId('protobuf-remove-import-path-button').click();
 
-    await expect(page.getByRole('cell', { name: '../protos/invalid-import-path', exact: true })).not.toBeVisible();
+    await expect(page.getByRole('cell', { name: './protos/invalid-import-path', exact: true })).not.toBeVisible();
     await expect(invalidImportPathsMessage).not.toBeVisible();
 
     // Save the changes to persist them to bruno.json
@@ -98,7 +82,7 @@ test.describe('manage protofile', () => {
     await page.getByText('Proto FileReflection').click();
 
     // Use more specific selector for proto file selection
-    await page.locator('div').filter({ hasText: /^order\.proto\.\.\/protos\/services\/order\.proto$/ }).first().click();
+    await page.locator('div').filter({ hasText: /^order\.proto\.\/protos\/services\/order\.proto$/ }).first().click();
 
     // Use test ID for method selection
     const grpcMethodsDropdown = page.getByTestId('grpc-methods-dropdown');
@@ -125,7 +109,7 @@ test.describe('manage protofile', () => {
     await page.getByText('Proto FileReflection').click();
 
     // Use more specific selector for proto file selection
-    await page.locator('div').filter({ hasText: /^product\.proto\.\.\/protos\/services\/product\.proto$/ }).first().click();
+    await page.locator('div').filter({ hasText: /^product\.proto\.\/protos\/services\/product\.proto$/ }).first().click();
 
     // Verify the error message is visible (auto-retrying)
     await expect(page.getByText('Failed to load gRPC methods: Unknown error').first()).toBeVisible();
@@ -170,7 +154,7 @@ test.describe('manage protofile', () => {
     await page.getByText('Proto FileReflection').click();
 
     // Use more specific selector for proto file selection
-    await page.locator('div').filter({ hasText: /^product\.proto\.\.\/protos\/services\/product\.proto$/ }).first().click();
+    await page.locator('div').filter({ hasText: /^product\.proto\.\/protos\/services\/product\.proto$/ }).first().click();
     const grpcMethodsDropdown = page.getByTestId('grpc-methods-dropdown');
     await grpcMethodsDropdown.click();
     const method = page.getByTestId('grpc-methods-list').filter({ hasText: 'CreateProductunary' }).first();

tests/response/json-response-formatting/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/response/json-response-formatting/fixtures/collection",
+      "path": "{{collectionPath}}",
       "securityConfig": {
         "jsSandboxMode": "safe"
       }

tests/response/json-response-formatting/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
   "maximized": false,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/response/json-response-formatting/fixtures/collection"
+    "{{collectionPath}}"
   ]
 }

tests/scripting/bru-api/isSafeMode/init-user-data/collection-security.json

@@ -1,7 +1,7 @@
 {
   "collections": [
     {
-      "path": "{{projectRoot}}/tests/scripting/bru-api/isSafeMode/fixtures/collections/is-safe-mode-test",
+      "path": "{{collectionPath}}/is-safe-mode-test",
       "securityConfig": {
         "jsSandboxMode": "developer"
       }

tests/scripting/bru-api/isSafeMode/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
   "maximized": false,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/scripting/bru-api/isSafeMode/fixtures/collections/is-safe-mode-test"
+    "{{collectionPath}}/is-safe-mode-test"
   ]
 }

tests/scripting/url-helpers/init-user-data/preferences.json

@@ -1,6 +1,6 @@
 {
   "maximized": false,
   "lastOpenedCollections": [
-    "{{projectRoot}}/tests/scripting/url-helpers/fixtures/collections/url_helpers_test"
+    "{{collectionPath}}/url_helpers_test"
   ]
 }

tests/utils/page/runner.ts

@@ -114,11 +114,10 @@ export const setSandboxMode = async (page: Page, collectionName: string, mode: '
 
     if (mode === 'developer') {
       await sandboxLocators.developerModeRadio().waitFor({ state: 'visible', timeout: 5000 });
-      await sandboxLocators.developerModeRadio().check();
+      await sandboxLocators.developerModeRadio().click();
     } else {
-      // Ensure Safe Mode radio is visible and check it
       await sandboxLocators.safeModeRadio().waitFor({ state: 'visible', timeout: 5000 });
-      await sandboxLocators.safeModeRadio().check();
+      await sandboxLocators.safeModeRadio().click();
     }
 
     await page.keyboard.press('Escape');