open-collection testcases

tests/collection/open/open-collection.spec.ts

@@ -0,0 +1,44 @@
+import path from 'path';
+import { test, expect } from '../../../playwright';
+import {
+  buildCollectionLocators,
+  buildCommonLocators,
+  clickRemoveInCollectionMenu,
+  closeAllCollections,
+  confirmRemoveCollection,
+  createCollection,
+  openCollectionActionsMenu
+} from '../../utils/page';
+
+test.describe('Open collection sanity testcases', () => {
+  test('TC-2614: Verify user able to Remove the Opened collection from the sidebar', { tag: '@sanity' }, async ({ page, createTmpDir }) => {
+    const collectionName = 'remove-test-collection';
+    const collectionLocation = await createTmpDir(collectionName);
+    const collectionPath = path.join(collectionLocation, collectionName);
+    const locators = buildCommonLocators(page);
+    const collectionLocators = buildCollectionLocators(page);
+
+    await test.step('create collection', async () => {
+      await createCollection(page, collectionName, collectionLocation);
+    });
+
+    await test.step('open collection actions menu and verify Remove option is shown', async () => {
+      await openCollectionActionsMenu(page, collectionName);
+      await expect(locators.dropdown.item('Remove')).toBeVisible();
+    });
+
+    await test.step('click Remove and verify confirmation modal shows path and CTAs', async () => {
+      await clickRemoveInCollectionMenu(page);
+      await expect(collectionLocators.removeModal()).toBeVisible();
+      await expect(collectionLocators.removeButton()).toBeVisible();
+      await expect(collectionLocators.cancelButton()).toBeVisible();
+      await expect(collectionLocators.removeModalPath()).toContainText(collectionPath);
+    });
+
+    await test.step('confirm removal and verify success toast', async () => {
+      await confirmRemoveCollection(page);
+      await expect(collectionLocators.removedFromWorkspaceToast()).toBeVisible();
+      await expect(locators.sidebar.collection(collectionName)).not.toBeVisible();
+    });
+  });
+});

tests/collection/open/open-multiple-collections.spec.ts

@@ -20,7 +20,7 @@ test.describe('Open Multiple Collections', () => {
     });
   });
 
-  test('Should open multiple collections using Open Collection feature', async ({
+  test('TC777: Verify opening of multiple collections from parent folder with successful launch', { tag: '@sanity' }, async ({
     page,
     electronApp,
     createTmpDir
@@ -29,43 +29,60 @@ test.describe('Open Multiple Collections', () => {
     const collection1Dir = await createTmpDir('collection-1');
     const collection2Dir = await createTmpDir('collection-2');
 
-    // Create bruno.json for first collection
-    const collection1Config = {
-      version: '1',
-      name: 'Test Collection 1',
-      type: 'collection'
-    };
-    // Create bruno.json for second collection
-    const collection2Config = {
-      version: '1',
-      name: 'Test Collection 2',
-      type: 'collection'
-    };
-
-    fs.writeFileSync(path.join(collection1Dir, 'bruno.json'), JSON.stringify(collection1Config, null, 2));
-    fs.writeFileSync(path.join(collection2Dir, 'bruno.json'), JSON.stringify(collection2Config, null, 2));
-
-    // Mock the electron dialog to return multiple folder selections
-    await electronApp.evaluate(({ dialog }, { collection1Dir, collection2Dir }) => {
-      dialog.showOpenDialog = async () => ({
-        canceled: false,
-        filePaths: [collection1Dir, collection2Dir]
-      });
-    },
-    { collection1Dir, collection2Dir });
-
-    await expect(page.locator('#sidebar-collection-name').getByText('Test Collection 1')).not.toBeVisible();
+    await test.step('Navigate to the parent folder containing multiple collections', async () => {
+      // Create bruno.json for first collection
+      const collection1Config = {
+        version: '1',
+        name: 'Test Collection 1',
+        type: 'collection'
+      };
+      // Create bruno.json for second collection
+      const collection2Config = {
+        version: '1',
+        name: 'Test Collection 2',
+        type: 'collection'
+      };
+
+      fs.writeFileSync(path.join(collection1Dir, 'bruno.json'), JSON.stringify(collection1Config, null, 2));
+      fs.writeFileSync(path.join(collection2Dir, 'bruno.json'), JSON.stringify(collection2Config, null, 2));
+    });
 
-    // Click on plus icon button and then "Open collection" in the dropdown
-    await page.getByTestId('collections-header-add-menu').click();
-    await page.locator('.tippy-box .dropdown-item').filter({ hasText: 'Open collection' }).click();
+    await test.step('Select two different collections within the parent folder simultaneously', async () => {
+      // Mock the electron dialog to return multiple folder selections
+      await electronApp.evaluate(({ dialog }, { collection1Dir, collection2Dir }) => {
+        dialog.showOpenDialog = async () => ({
+          canceled: false,
+          filePaths: [collection1Dir, collection2Dir]
+        });
+      },
+      { collection1Dir, collection2Dir });
+    });
 
-    // Wait for both collections to appear in the sidebar
     const collection1Element = page.locator('#sidebar-collection-name').getByText('Test Collection 1');
     const collection2Element = page.locator('#sidebar-collection-name').getByText('Test Collection 2');
 
-    await expect(collection1Element).toBeVisible();
-    await expect(collection2Element).toBeVisible();
+    await test.step('Initiate the simultaneous opening command', async () => {
+      await expect(collection1Element).not.toBeVisible();
+
+      // Click on plus icon button and then "Open collection" in the dropdown
+      await page.getByTestId('collections-header-add-menu').click();
+      await page.locator('.tippy-box .dropdown-item').filter({ hasText: 'Open collection' }).click();
+    });
+
+    await test.step('Verify the launch status of both collections', async () => {
+      await expect(collection1Element).toBeVisible();
+      await expect(collection2Element).toBeVisible();
+    });
+
+    await test.step('Check the functionality and accessibility of each opened collection', async () => {
+      await collection1Element.click();
+      await collection2Element.click();
+    });
+
+    await test.step('Confirm no performance degradation or system resource overload', async () => {
+      await expect(page.getByTestId('collections')).toBeVisible();
+      await expect(page.getByTestId('collections-header-add-menu')).toBeEnabled();
+    });
 
     // cleanup: close all collections
     await closeAllCollections(page);

tests/utils/page/actions.ts

@@ -84,7 +84,6 @@ const closeAllCollections = async (page) => {
     await expect(page.getByTestId('collections').locator('.collection-name')).toHaveCount(0);
   });
 };
-
 /**
  * Open a collection from the sidebar and accept the JavaScript Sandbox modal
  * @param page - The page object

tests/utils/page/collection.ts

@@ -0,0 +1,62 @@
+import { Page, expect, test } from '../../../playwright';
+import { buildCommonLocators } from './locators';
+
+/**
+ * Builds locators for collection sidebar actions (remove modal, success toast).
+ */
+export const buildCollectionLocators = (page: Page) => {
+  const removeModal = () => page.locator('.bruno-modal').filter({ hasText: 'Remove Collection' });
+
+  return {
+    removeModal,
+    removeModalPath: () => removeModal().locator('.collection-path'),
+    removeButton: () => removeModal().getByRole('button', { name: 'Remove', exact: true }),
+    cancelButton: () => removeModal().getByRole('button', { name: 'Cancel', exact: true }),
+    discardAllAndRemoveButton: () => page.getByRole('button', { name: 'Discard All and Remove' }),
+    removedFromWorkspaceToast: () => page.getByText('Collection removed from workspace')
+  };
+};
+
+/**
+ * Hover a collection row and open its actions (three-dots) menu.
+ */
+export const openCollectionActionsMenu = async (page: Page, collectionName: string) => {
+  await test.step(`Open actions menu for collection "${collectionName}"`, async () => {
+    const locators = buildCommonLocators(page);
+    await locators.sidebar.collectionRow(collectionName).hover();
+    await locators.actions.collectionActions(collectionName).click();
+  });
+};
+
+/**
+ * Click Remove in the open collection actions menu and wait for the confirmation modal.
+ */
+export const clickRemoveInCollectionMenu = async (page: Page) => {
+  const locators = buildCommonLocators(page);
+  const collectionLocators = buildCollectionLocators(page);
+  await locators.dropdown.item('Remove').click();
+  await collectionLocators.removeModal().waitFor({ state: 'visible', timeout: 5000 });
+};
+
+/**
+ * Confirm removal in the Remove Collection modal (handles drafts modal when present).
+ */
+export const confirmRemoveCollection = async (
+  page: Page,
+  options: { forceDiscard?: boolean } = {}
+) => {
+  await test.step('Confirm Remove Collection', async () => {
+    const collectionLocators = buildCollectionLocators(page);
+    const hasDiscardButton = await collectionLocators.discardAllAndRemoveButton().isVisible().catch(() => false);
+
+    if (hasDiscardButton) {
+      await collectionLocators.discardAllAndRemoveButton().click(
+        options.forceDiscard ? { force: true } : undefined
+      );
+    } else {
+      await collectionLocators.removeButton().click();
+    }
+
+    await collectionLocators.removeModal().waitFor({ state: 'hidden', timeout: 5000 });
+  });
+};

tests/utils/page/index.ts

@@ -1,5 +1,6 @@
 export * from './actions';
 export * from './runner';
 export * from './locators';
+export * from './collection';
 export * from './mounting';
 export * from '../snapshot';