chore: collapse expand tests

Author: astandrik

src/containers/Tenant/utils/paneVisibilityToggleHelpers.tsx

@@ -86,6 +86,7 @@ export function PaneVisibilityToggleButtons({
         <React.Fragment>
             <ActionTooltip title="Collapse">
                 <Button
+                    title="Collapse"
                     view="flat-secondary"
                     onClick={onCollapse}
                     className={b(
@@ -101,6 +102,7 @@ export function PaneVisibilityToggleButtons({
 
             <ActionTooltip title="Expand">
                 <Button
+                    title="Expand"
                     view="flat-secondary"
                     onClick={onExpand}
                     className={b(

tests/suites/tenant/summary/ObjectSummary.ts

@@ -24,6 +24,10 @@ export class ObjectSummary {
     private createDirectoryInput: Locator;
     private createDirectoryButton: Locator;
     private refreshButton: Locator;
+    private infoCollapseButton: Locator;
+    private infoExpandButton: Locator;
+    private summaryCollapseButton: Locator;
+    private summaryExpandButton: Locator;
 
     constructor(page: Page) {
         this.tree = page.locator('.ydb-object-summary__tree');
@@ -41,6 +45,33 @@ export class ObjectSummary {
         );
         this.createDirectoryButton = page.locator('button.g-button_view_action:has-text("Create")');
         this.refreshButton = page.locator('.ydb-object-summary__refresh-button');
+
+        // Info panel collapse/expand buttons
+        this.infoCollapseButton = page.locator(
+            '.ydb-object-summary__info-controls button[title="Collapse"]',
+        );
+        this.infoExpandButton = page.locator(
+            '.ydb-object-summary__info-controls button[title="Expand"]',
+        );
+        this.summaryCollapseButton = page.locator(
+            '.ydb-object-summary__actions button[title="Collapse"]',
+        );
+        this.summaryExpandButton = page.locator(
+            '.ydb-object-summary__actions button[title="Expand"]',
+        );
+    }
+
+    async collapseInfoPanel(): Promise<void> {
+        await this.infoCollapseButton.click();
+    }
+
+    async expandInfoPanel(): Promise<void> {
+        await this.infoExpandButton.click();
+    }
+
+    async isInfoPanelCollapsed(): Promise<boolean> {
+        // When panel is collapsed, expand button should be visible
+        return this.infoExpandButton.isVisible();
     }
 
     async isCreateDirectoryModalVisible(): Promise<boolean> {
@@ -201,4 +232,17 @@ export class ObjectSummary {
     async clickRefreshButton(): Promise<void> {
         await this.refreshButton.click();
     }
+
+    async collapseSummary(): Promise<void> {
+        await this.summaryCollapseButton.click();
+    }
+
+    async expandSummary(): Promise<void> {
+        await this.summaryExpandButton.click();
+    }
+
+    async isSummaryCollapsed(): Promise<boolean> {
+        // When summary is collapsed, expand button should be visible
+        return this.summaryExpandButton.isVisible();
+    }
 }

tests/suites/tenant/summary/objectSummary.test.ts

@@ -285,4 +285,28 @@ test.describe('Object Summary', async () => {
         const treeItemAfterRefresh = page.locator('.ydb-tree-view').filter({hasText: tableName});
         await expect(treeItemAfterRefresh).toBeVisible();
     });
+
+    test('Info panel collapse and expand functionality', async ({page}) => {
+        const objectSummary = new ObjectSummary(page);
+        await expect(objectSummary.isTreeVisible()).resolves.toBe(true);
+
+        // Test info panel collapse/expand
+        await objectSummary.collapseInfoPanel();
+        await expect(objectSummary.isInfoPanelCollapsed()).resolves.toBe(true);
+
+        await objectSummary.expandInfoPanel();
+        await expect(objectSummary.isInfoPanelCollapsed()).resolves.toBe(false);
+    });
+
+    test('Summary collapse and expand functionality', async ({page}) => {
+        const objectSummary = new ObjectSummary(page);
+        await expect(objectSummary.isTreeVisible()).resolves.toBe(true);
+
+        // Test summary collapse/expand
+        await objectSummary.collapseSummary();
+        await expect(objectSummary.isSummaryCollapsed()).resolves.toBe(true);
+
+        await objectSummary.expandSummary();
+        await expect(objectSummary.isSummaryCollapsed()).resolves.toBe(false);
+    });
 });