Refactor: Change how test runner handles pageWithUserData tests (#5922)

* refactor: change how test runner opens pageWithUserData instances

* fix: test move tabs

* fix: custom ca cert tests

* fix: update file patterns and improve error messages

* fix: improve electron app launch logic

* fix: update temporary directory handling for Electron app

* fix: ensure newline at end of file in index.ts

This change adds a newline at the end of the file to comply with coding standards.

* fix: improve error handling in recursiveCopy function

- Simplified error message when source path does not exist.
- Enhanced error handling to provide clearer guidance on usage of `page` fixture.

* fix(e2e): close collections after each tests

* fix: reuse the worker instance per file instead of per user data dir

* fix: revert ssl tests as serial run is fixed

* fix: change afterEach to afterAll for cleanup

fix: change afterEach to afterAll for cleanup

---------

Co-authored-by: Bijin Bruno <bijin@usebruno.com>

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

@@ -2,12 +2,12 @@ import { test, expect } from '../../../playwright';
 import { closeAllCollections } from '../../utils/page';
 
 test.describe('Cross-Collection Drag and Drop for folder', () => {
-  test.afterEach(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ page }) => {
     // cleanup: close all collections
     await closeAllCollections(page);
   });
 
-  test('Verify cross-collection folder drag and drop', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('Verify cross-collection folder drag and drop', async ({ page, createTmpDir }) => {
     // Create first collection - click dropdown menu first
     await page.locator('.dropdown-icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'Create Collection' }).click();
@@ -121,7 +121,7 @@ test.describe('Cross-Collection Drag and Drop for folder', () => {
   });
 
   test('Verify cross-collection folder drag and drop, a duplicate folder exist. expected to throw error toast', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     // Create first collection (source) - use unique names for this test

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

@@ -2,12 +2,12 @@ import { test, expect } from '../../../playwright';
 import { closeAllCollections } from '../../utils/page';
 
 test.describe('Cross-Collection Drag and Drop', () => {
-  test.afterEach(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ page }) => {
     // cleanup: close all collections
     await closeAllCollections(page);
   });
 
-  test('Verify request drag and drop', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('Verify request drag and drop', async ({ page, createTmpDir }) => {
     // Create first collection - click dropdown menu first
     await page.locator('.dropdown-icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'Create Collection' }).click();
@@ -79,7 +79,7 @@ test.describe('Cross-Collection Drag and Drop', () => {
   });
 
   test('Expected to show error toast message, when duplicate request found in drop location', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     // Create first collection (source-collection)

tests/collection/moving-requests/tag-persistence.spec.ts

@@ -2,12 +2,12 @@ import { test, expect } from '../../../playwright';
 import { closeAllCollections } from '../../utils/page';
 
 test.describe('Tag persistence', () => {
-  test.afterEach(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ page }) => {
     // cleanup: close all collections
     await closeAllCollections(page);
   });
 
-  test('Verify tag persistence while moving requests within a collection', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('Verify tag persistence while moving requests within a collection', async ({ page, createTmpDir }) => {
     // Create first collection - click dropdown menu first
     await page.getByLabel('Create Collection').click();
     await page.getByLabel('Name').fill('test-collection');
@@ -72,7 +72,7 @@ test.describe('Tag persistence', () => {
     await expect(page.getByRole('button', { name: 'smoke' })).toBeVisible();
   });
 
-  test('verify tag persistence while moving requests between folders', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('verify tag persistence while moving requests between folders', async ({ page, createTmpDir }) => {
     // Create first collection - click dropdown menu first
     await page.getByLabel('Create Collection').click();
     await page.getByLabel('Name').fill('test-collection');

tests/collection/moving-tabs/move-tabs.spec.ts

@@ -1,22 +1,28 @@
 import { test, expect } from '../../../playwright';
+import { closeAllCollections } from '../../utils/page';
 
 test.describe('Move tabs', () => {
-  test('Verify tab move by drag and drop', async ({ pageWithUserData: page, createTmpDir }) => {
+  test.afterEach(async ({ page }) => {
+    // cleanup: close all collections
+    await closeAllCollections(page);
+  });
+
+  test('Verify tab move by drag and drop', async ({ page, createTmpDir }) => {
     // Create a collection
     await page.locator('.dropdown-icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'Create Collection' }).click();
-    await page.getByLabel('Name').fill('source-collection');
-    await page.getByLabel('Location').fill(await createTmpDir('source-collection'));
+    await page.getByLabel('Name').fill('source-collection-drag-drop');
+    await page.getByLabel('Location').fill(await createTmpDir('source-collection-drag-drop'));
     await page.getByRole('button', { name: 'Create', exact: true }).click();
 
     // Wait for collection to appear and click on it
-    await expect(page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection' })).toBeVisible();
-    await page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection' }).click();
+    await expect(page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection-drag-drop' })).toBeVisible();
+    await page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection-drag-drop' }).click();
     await page.getByLabel('Safe Mode').check();
     await page.getByRole('button', { name: 'Save' }).click();
 
     // Create a folder in the collection
-    const sourceCollection = page.locator('.collection-name').filter({ hasText: 'source-collection' });
+    const sourceCollection = page.locator('.collection-name').filter({ hasText: 'source-collection-drag-drop' });
     await sourceCollection.locator('.collection-actions').hover();
     await sourceCollection.locator('.collection-actions .icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'New Folder' }).click();
@@ -89,22 +95,22 @@ test.describe('Move tabs', () => {
     }
   });
 
-  test('Verify tab move by keyboard shortcut', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('Verify tab move by keyboard shortcut', async ({ page, createTmpDir }) => {
     // Create a collection
     await page.locator('.dropdown-icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'Create Collection' }).click();
-    await page.getByLabel('Name').fill('source-collection');
-    await page.getByLabel('Location').fill(await createTmpDir('source-collection'));
+    await page.getByLabel('Name').fill('source-collection-keyboard-shortcut');
+    await page.getByLabel('Location').fill(await createTmpDir('source-collection-keyboard-shortcut'));
     await page.getByRole('button', { name: 'Create', exact: true }).click();
 
     // Wait for collection to appear and click on it
-    await expect(page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection' })).toBeVisible();
-    await page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection' }).click();
+    await expect(page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection-keyboard-shortcut' })).toBeVisible();
+    await page.locator('#sidebar-collection-name').filter({ hasText: 'source-collection-keyboard-shortcut' }).click();
     await page.getByLabel('Safe Mode').check();
     await page.getByRole('button', { name: 'Save' }).click();
 
     // Create a folder in the collection
-    const sourceCollection = page.locator('.collection-name').filter({ hasText: 'source-collection' });
+    const sourceCollection = page.locator('.collection-name').filter({ hasText: 'source-collection-keyboard-shortcut' });
     await sourceCollection.locator('.collection-actions').hover();
     await sourceCollection.locator('.collection-actions .icon').click();
     await page.locator('.dropdown-item').filter({ hasText: 'New Folder' }).click();

tests/environments/create-environment/collection-env-create.spec.ts

@@ -3,7 +3,7 @@ import path from 'path';
 
 test.describe('Collection Environment Create Tests', () => {
   test('should import collection and create environment for request usage', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     const openApiFile = path.join(__dirname, 'fixtures', 'bruno-collection.json');

tests/environments/create-environment/global-env-create.spec.ts

@@ -3,7 +3,7 @@ import path from 'path';
 
 test.describe('Global Environment Create Tests', () => {
   test('should import collection and create global environment for request usage', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     const openApiFile = path.join(__dirname, 'fixtures', 'bruno-collection.json');

tests/environments/import-environment/collection-env-import.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../../playwright';
 import path from 'path';
 
 test.describe('Collection Environment Import Tests', () => {
-  test('should import collection environment from file', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('should import collection environment from file', async ({ page, createTmpDir }) => {
     const openApiFile = path.join(__dirname, 'fixtures', 'collection.json');
     const envFile = path.join(__dirname, 'fixtures', 'collection-env.json');
 

tests/environments/import-environment/global-env-import.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../../playwright';
 import path from 'path';
 
 test.describe('Global Environment Import Tests', () => {
-  test('should import global environment from file', async ({ pageWithUserData: page, createTmpDir }) => {
+  test('should import global environment from file', async ({ page, createTmpDir }) => {
     const openApiFile = path.join(__dirname, 'fixtures', 'collection.json');
     const globalEnvFile = path.join(__dirname, 'fixtures', 'global-env.json');
 

tests/global-environments/non-string-values.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../playwright';
 import { openCollectionAndAcceptSandbox, closeAllCollections } from '../utils/page';
 
 test.describe('Global Environment Variables - Non-string Values', () => {
-  test.afterAll(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ pageWithUserData: page }) => {
     // Cleanup: close all collections
     await closeAllCollections(page);
   });

tests/interpolation/dynamic-variable/set-var-dynamic-variable.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../../playwright';
 import { closeAllCollections, openCollectionAndAcceptSandbox } from '../../utils/page';
 
 test.describe.serial('Dynamic Variable Interpolation', () => {
-  test.afterAll(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ pageWithUserData: page }) => {
     // cleanup: close all collections
     await closeAllCollections(page);
   });

tests/protobuf/manage-protofile.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../playwright';
 import { closeAllCollections } from '../utils/page';
 
 test.describe('manage protofile', () => {
-  test.afterAll(async ({ page }) => {
+  test.afterAll(async ({ pageWithUserData: page }) => {
     await closeAllCollections(page);
   });
 

tests/request/encoding/curl-encoding.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from '../../../playwright';
 import { closeAllCollections } from '../../utils/page';
 
 test.describe('Code Generation URL Encoding', () => {
-  test.afterEach(async ({ pageWithUserData: page }) => {
+  test.afterEach(async ({ page }) => {
     try {
       const modalCloseButton = page.locator('[data-test-id="modal-close-button"]');
       if (await modalCloseButton.isVisible()) {
@@ -15,7 +15,7 @@ test.describe('Code Generation URL Encoding', () => {
   });
 
   test('Should generate code with proper URL encoding for unencoded input', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     await page.locator('.dropdown-icon').click();
@@ -57,7 +57,7 @@ test.describe('Code Generation URL Encoding', () => {
   });
 
   test('Should generate code with proper URL encoding for encoded input', async ({
-    pageWithUserData: page,
+    page,
     createTmpDir
   }) => {
     await page.locator('.dropdown-icon').click();

tests/ssl/basic-ssl/tests/basic-ssl-success/basic-ssl-success.spec.ts

@@ -30,7 +30,7 @@ test.describe.serial('basic ssl success', () => {
   });
 
   test('safe mode', async ({ pageWithUserData: page }) => {
-    
+
     // init safe mode
     await page.getByText('Developer Mode').click();
     await page.getByLabel('Safe Mode').check();

tests/ssl/basic-ssl/tests/self-signed-rejected/self-signed-rejected.spec.ts

@@ -2,7 +2,6 @@ import { test, expect } from '../../../../../playwright';
 
 test.describe.serial('self signed rejected', () => {
   test('developer mode', async ({ pageWithUserData: page }) => {
-
     // init dev mode
     await page.getByText('self-signed-badssl').click();
     await page.getByLabel('Developer Mode(use only if').check();
@@ -30,7 +29,6 @@ test.describe.serial('self signed rejected', () => {
   });
 
   test('safe mode', async ({ pageWithUserData: page }) => {
-    
     // init safe mode
     await page.getByText('Developer Mode').click();
     await page.getByLabel('Safe Mode').check();

tests/ssl/custom-ca-certs/tests/custom-invalid-ca-cert-in-config-with-defaults/custom-invalid-ca-cert-in-config-with-defaults.spec.ts

@@ -2,7 +2,6 @@ import { test, expect } from '../../../../../playwright';
 
 test.describe.serial('custom invalid ca cert added to the config and keep default ca certs', () => {
   test('developer mode', async ({ pageWithUserData: page }) => {
-
     // init dev mode
     await page.getByText('custom-ca-certs').click();
     await page.getByLabel('Developer Mode(use only if').check();
@@ -29,7 +28,6 @@ test.describe.serial('custom invalid ca cert added to the config and keep defaul
   });
 
   test('safe mode', async ({ pageWithUserData: page }) => {
-    
     // init safe mode
     await page.getByText('Developer Mode').click();
     await page.getByLabel('Safe Mode').check();