Add data-id to Header component, fix locators

Signed-off-by: Rostislav Nazmeev <[email protected]>

Author: kakRostropovich

plugins/chunter-resources/src/components/Header.svelte

@@ -141,6 +141,7 @@
         iconProps={{ size: 'small' }}
         kind={'icon'}
         showTooltip={{ label: workbench.string.OpenInSidebar }}
+        dataId='open-in-sidebar'
         on:click={() => {
           if (object !== undefined) {
             void openChannelInSidebar(object._id, object._class, object, undefined, true)
@@ -166,6 +167,7 @@
         icon={IconSettings}
         iconProps={{ size: 'medium' }}
         kind={'icon'}
+        dataId='aside-toggle'
         showTooltip={{ label: chunter.string.Settings }}
         selected={isAsideShown}
         on:click={() => dispatch('aside-toggled')}

tests/sanity/tests/model/channel-page.ts

@@ -62,7 +62,7 @@ export class ChannelPage extends CommonPage {
   readonly copyLinkButton = (): Locator => this.page.getByRole('button', { name: 'Copy link' })
   readonly deleteMessageButton = (): Locator => this.page.getByRole('button', { name: 'Delete' })
   readonly updateButton = (): Locator => this.page.getByRole('button', { name: 'Update' })
-  readonly openChannelDetails = (): Locator => this.page.locator('.hulyHeader-buttonsGroup > .antiButton')
+  readonly openChannelDetails = (): Locator => this.page.getByTestId('aside-toggle')
   readonly changeChannelNameConfirm = (): Locator => this.page.locator('.selectPopup button')
   readonly privateOrPublicChangeButton = (change: string, autoJoin: boolean): Locator =>
     this.page