chore: refresh button

Author: astandrik

src/containers/Tenant/ObjectSummary/SchemaTree/RefreshTreeButton.tsx

@@ -3,12 +3,14 @@ import {ActionTooltip, Button, Icon} from '@gravity-ui/uikit';
 import {nanoid} from '@reduxjs/toolkit';
 
 import {useDispatchTreeKey} from '../UpdateTreeContext';
+import {b} from '../shared';
 
 export function RefreshTreeButton() {
     const updateTreeKey = useDispatchTreeKey();
     return (
         <ActionTooltip title="Refresh">
             <Button
+                className={b('refresh-button')}
                 view="flat-secondary"
                 onClick={() => {
                     updateTreeKey(nanoid());

tests/suites/tenant/summary/ObjectSummary.ts

@@ -10,7 +10,6 @@ export enum ObjectSummaryTab {
     ACL = 'ACL',
     Schema = 'Schema',
 }
-
 export class ObjectSummary {
     private tabs: Locator;
     private schemaViewer: Locator;
@@ -24,6 +23,7 @@ export class ObjectSummary {
     private createDirectoryModal: Locator;
     private createDirectoryInput: Locator;
     private createDirectoryButton: Locator;
+    private refreshButton: Locator;
 
     constructor(page: Page) {
         this.tree = page.locator('.ydb-object-summary__tree');
@@ -40,6 +40,7 @@ export class ObjectSummary {
             '.g-text-input__control[placeholder="Relative path"]',
         );
         this.createDirectoryButton = page.locator('button.g-button_view_action:has-text("Create")');
+        this.refreshButton = page.locator('.ydb-object-summary__refresh-button');
     }
 
     async isCreateDirectoryModalVisible(): Promise<boolean> {
@@ -192,9 +193,12 @@ export class ObjectSummary {
     async getTableTemplates(): Promise<RowTableAction[]> {
         return this.actionsMenu.getTableTemplates();
     }
-
     async clickActionMenuItem(treeItemText: string, menuItemText: string): Promise<void> {
         await this.clickActionsButton(treeItemText);
         await this.clickActionsMenuItem(menuItemText);
     }
+
+    async clickRefreshButton(): Promise<void> {
+        await this.refreshButton.click();
+    }
 }

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

@@ -244,4 +244,36 @@ test.describe('Object Summary', async () => {
         const treeItem = page.locator('.ydb-tree-view').filter({hasText: directoryName});
         await expect(treeItem).toBeVisible();
     });
+
+    test.only('Refresh button updates tree view after creating table', async ({page}) => {
+        const pageQueryParams = {
+            schema: tenantName,
+            database: tenantName,
+            general: 'query',
+        };
+        const tenantPage = new TenantPage(page);
+        await tenantPage.goto(pageQueryParams);
+
+        const objectSummary = new ObjectSummary(page);
+        const queryEditor = new QueryEditor(page);
+        await expect(objectSummary.isTreeVisible()).resolves.toBe(true);
+
+        const tableName = `a_test_table_${Date.now()}`;
+
+        // Create table by executing query
+        await queryEditor.setQuery(`CREATE TABLE \`${tableName}\` (id Int32, PRIMARY KEY(id));`);
+        await queryEditor.clickRunButton();
+        await queryEditor.waitForStatus('Completed');
+
+        // Verify table is not visible before refresh
+        const treeItemBeforeRefresh = page.locator('.ydb-tree-view').filter({hasText: tableName});
+        await expect(treeItemBeforeRefresh).not.toBeVisible();
+
+        // Click refresh button to update tree view
+        await objectSummary.clickRefreshButton();
+
+        // Verify table appears in tree
+        const treeItemAfterRefresh = page.locator('.ydb-tree-view').filter({hasText: tableName});
+        await expect(treeItemAfterRefresh).toBeVisible();
+    });
 });