Refactor side panel close icon selector in CancelTransactionFromSidePanel test

Author: arhtudormorar

tests/Other/CancelTransactionFromSidePanel.spec.ts

@@ -54,10 +54,7 @@ test.describe('cancel transaction from side panel', () => {
     await page.locator(SelectorsEnum.sidePanel).waitFor({ state: 'visible' });
 
     // Click the close icon
-    await page
-      .locator(SelectorsEnum.sidePanel)
-      .locator(SelectorsEnum.sidePanelCloseIcon)
-      .click();
+    await page.getByTestId('side-panel-close-button').getByRole('img').click();
 
     // Wait for toast to be displayed
     await TestActions.waitForToastToBeDisplayed(page);

tests/support/template/testdata.ts

@@ -64,7 +64,7 @@ export enum SelectorsEnum {
   privateKeyInput = 'privateKeyInput',
   cancelButton = 'cancelButton',
   sidePanel = '#side-panel',
-  sidePanelCloseIcon = 'svg',
+  sidePanelCloseIcon = 'side-panel-close-button',
 
   // Web wallet selectors
   signCancelButton = 'signCancelBtn',