fix: tests

Author: Raubzeug

src/containers/AsideNavigation/AsideNavigation.scss

@@ -19,7 +19,9 @@
         width: 300px;
         padding: 10px;
     }
-
+    &__hotkeys-drawer {
+        left: 0;
+    }
     &__hotkeys-panel-title {
         display: flex;
         gap: var(--g-spacing-2);

src/containers/AsideNavigation/hooks/useHotkeysPanel.tsx

@@ -78,6 +78,7 @@ export const HotkeysPanelWrapper = ({
             visible={visible}
             hotkeys={hotkeyGroups}
             className={b('hotkeys-panel')}
+            drawerItemClassName={b('hotkeys-drawer')}
             title={
                 <div className={b('hotkeys-panel-title')}>
                     {i18n('hotkeys.title')}

tests/suites/paginatedTable/paginatedTable.ts

@@ -33,7 +33,9 @@ export class TableControls {
 
     async selectRadioOption(groupIndex: number, optionText: string) {
         const radioGroup = this.radioButtons.nth(groupIndex);
-        const option = radioGroup.locator(`.g-radio-button__option:has-text("${optionText}")`);
+        const option = radioGroup.locator(
+            `.g-segmented-radio-group__option:has-text("${optionText}")`,
+        );
         await option.evaluate((el) => (el as HTMLElement).click());
     }
 

tests/suites/sidebar/Sidebar.ts

@@ -20,7 +20,7 @@ export class Sidebar {
         this.logoButton = this.sidebarContainer.locator('.gn-logo__btn-logo');
         this.footer = this.sidebarContainer.locator('.gn-aside-header__footer');
         this.drawer = page.locator('.gn-drawer');
-        this.popupContent = page.locator('.g-popup__content');
+        this.popupContent = page.locator('.information-popup__content');
         this.hotkeysButton = this.popupContent.locator('text=Keyboard shortcuts');
         this.hotkeysPanel = page.locator('.gn-hotkeys-panel__drawer-item');
         this.drawerMenu = page.locator('.gn-settings-menu');
@@ -196,7 +196,7 @@ export class Sidebar {
 
     async getSelectedAclSyntax(): Promise<string> {
         const radioGroup = await this.getAclSyntaxRadioGroup();
-        const checkedOption = radioGroup.locator('.g-radio-button__option_checked');
+        const checkedOption = radioGroup.locator('.g-segmented-radio-group__option_checked');
         const text = await checkedOption.textContent();
         return text?.trim() || '';
     }
@@ -206,15 +206,15 @@ export class Sidebar {
         await this.drawer.waitFor({state: 'visible'});
 
         const radioGroup = await this.getAclSyntaxRadioGroup();
-        const option = radioGroup.locator(`.g-radio-button__option:has-text("${syntax}")`);
+        const option = radioGroup.locator(`.g-segmented-radio-group__option:has-text("${syntax}")`);
         await option.click();
         // Small delay to ensure the setting is saved
         await this.drawer.page().waitForTimeout(100);
     }
 
     async getAclSyntaxOptions(): Promise<string[]> {
         const radioGroup = await this.getAclSyntaxRadioGroup();
-        const options = radioGroup.locator('.g-radio-button__option');
+        const options = radioGroup.locator('.g-segmented-radio-group__option');
         const count = await options.count();
         const texts: string[] = [];
         for (let i = 0; i < count; i++) {

tests/suites/tenant/diagnostics/Diagnostics.ts

@@ -324,13 +324,13 @@ export class Diagnostics {
     }
 
     async clickTab(tabName: DiagnosticsTab): Promise<void> {
-        const tab = this.tabs.locator(`.kv-tenant-diagnostics__tab:has-text("${tabName}")`);
+        const tab = this.tabs.locator(`.g-tab:has-text("${tabName}")`);
         await tab.click();
     }
 
     async clickRadioSwitch(radioName: QueriesSwitch): Promise<void> {
         const option = this.tableControls.locator(
-            `.g-radio-button__option:has-text("${radioName}")`,
+            `.g-segmented-radio-group__option:has-text("${radioName}")`,
         );
 
         await option.evaluate((el) => (el as HTMLElement).click());
@@ -412,12 +412,16 @@ export class Diagnostics {
     }
 
     async selectTopShardsMode(mode: TopShardsMode): Promise<void> {
-        const option = this.tableRadioButton.locator(`.g-radio-button__option:has-text("${mode}")`);
+        const option = this.tableRadioButton.locator(
+            `.g-segmented-radio-group__option:has-text("${mode}")`,
+        );
         await option.evaluate((el) => (el as HTMLElement).click());
     }
 
     async getSelectedTableMode(): Promise<string> {
-        const checkedOption = this.tableRadioButton.locator('.g-radio-button__option_checked');
+        const checkedOption = this.tableRadioButton.locator(
+            '.g-segmented-radio-group__option_checked',
+        );
         return (await checkedOption.textContent())?.trim() || '';
     }