snapshots update

pages/base-page.js

@@ -37,12 +37,12 @@ exports.BasePage = class BasePage {
     this.selectionToBoardMenuItem = page.locator(
       'ul[class*="workspace-context-menu"] li:has-text("Selection to board")',
     );
-    this.createComponentMenuItem = page.locator(
-      'ul[class*="workspace-context-menu"] li:has-text("Create component")',
-    );
-    this.createMultipleComponentsMenuItem = page.locator(
-      'ul[class*="workspace-context-menu"] li:has-text("Create multiple components")',
-    );
+    // this.createComponentMenuItem = page.locator(
+    //   'ul[class*="workspace-context-menu"] li:has-text("Create component")',
+    // );
+    // this.createMultipleComponentsMenuItem = page.locator(
+    //   'ul[class*="workspace-context-menu"] li:has-text("Create multiple components")',
+    // );
     this.flipVerticalMenuItem = page.locator(
       'ul[class*="workspace-context-menu"] li:has-text("Flip vertical")',
     );
@@ -71,7 +71,7 @@ exports.BasePage = class BasePage {
       'ul[class*="workspace_context_menu"] span:has-text("Restore main component")',
     );
     this.createMultipleComponentsMenuItem = page.locator(
-      'ul[class*="workspace_context_menu"] span:has-text("Create multiple components")',
+      'li[class*="context-menu-item"] span:has-text("Create multiple components")',
     );
     this.showInAssetsPanelOption = page.locator(
       'ul[class*="workspace_context_menu"] span:has-text("Show in assets panel")',

pages/dashboard/dashboard-page.js

@@ -535,10 +535,11 @@ exports.DashboardPage = class DashboardPage extends BasePage {
   async moveFileToOtherTeamViaRightClick(fileName, otherTeamName) {
     const elem = this.page.locator(`button[title="${fileName}"]`).first();
     await elem.click({ button: 'right' });
+    await this.page.waitForTimeout(500);
     await this.moveToFileMenuItem.click();
     await this.moveToOtherTeamMenuItem.click();
-    await this.page.locator(`li[role="menuitem"] a:has-text("${otherTeamName}")`).click();
-    await this.page.locator(`li[role="menuitem"] a:has-text("Drafts")`).click();
+    await this.page.locator(`//li[@role="menuitem"]/a[text()="${otherTeamName}"]`).click();
+    await this.page.locator(`//li[@role="menuitem"]/a[text()="Drafts"]`).click();
     await this.page.locator(`input[value="Move"]`).click();
   }
 

pages/dashboard/team-page.js

@@ -19,7 +19,7 @@ exports.TeamPage = class TeamPage extends BasePage {
     this.teamCurrentNameDiv = page.locator(
       'button[class*="current-team"] div[class*="team-name"]',
     );
-    this.teamNameLabel = page.locator('div[class*="team__name"]');
+    this.teamNameLabel = page.locator('//div[text()="Team info"]/following-sibling::div[1]');
     this.teamOptionsMenuButton = page.locator('button[class*="switch-options"]');
     this.deleteTeamMenuItem = page.locator('#teams-options-delete-team');
     this.deleteTeamButton = page.locator('input[value="Delete team"]');
@@ -39,9 +39,9 @@ exports.TeamPage = class TeamPage extends BasePage {
     this.teamFilesSpan = page.locator(
       `//*[contains(@class,'team__document-icon')]/../span`,
     );
-    this.teamInfoSection = page.locator(`div[class*="info-block"] div[class='main_ui_dashboard_team__block-text']`);
-    this.teamOwnerSection = page.locator(`//*[contains(@class,'team__group-icon')]/../../../div[2]`);
-    this.teamStatsSection = page.locator(`//*[contains(@class,'team__group-icon')]/../../../div[3]`);
+    this.teamInfoSection = page.locator('//div[text()="Team info"]/..');
+    this.teamOwnerSection = page.locator('//div[text()="Team members"]/..');
+    this.teamStatsSection = page.locator('//div[text()="Team projects"]/..');
 
     //Invitations
     this.invitationsMenuItem = page.locator('li[data-test="team-invitations"]');
@@ -87,7 +87,7 @@ exports.TeamPage = class TeamPage extends BasePage {
       'aside[class*="warning"] div[class*="context_notification"]',
     );
     this.teamSettingsSection = page.locator('.main_ui_dashboard__dashboard-content');
-    this.teamIcon = page.locator(`div[class*='team__icon'] span`);
+    this.teamIcon = page.locator(`div[class*='team-icon'] img`);
   }
 
   async createTeam(teamName) {
@@ -120,7 +120,7 @@ exports.TeamPage = class TeamPage extends BasePage {
   async deleteTeam(teamName) {
     await this.openTeamsListIfClosed();
     const teamSel = this.page.locator(
-      `ul[class*="teams-dropdown"] li[class*="team-dropdown-item"] span[title="${teamName}"]`,
+      `ul[class*="teams-dropdown"] li[role="menuitem"] span[title="${teamName}"]`,
     );
     if (await teamSel.isVisible()) {
       await teamSel.click();

pages/workspace/design-panel-page.js

@@ -19,12 +19,8 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
     this.generalCornerRadiusInput = page.locator('div[title="Radius"] input');
     this.topLeftCornerRadiusInput = page.locator('div[title="Top left"] input');
     this.topRightCornerRadiusInput = page.locator('div[title="Top right"] input');
-    this.bottomLeftCornerRadiusInput = page.locator(
-      'div[title="Bottom left"] input',
-    );
-    this.bottomRightCornerRadiusInput = page.locator(
-      'div[title="Bottom right"] input',
-    );
+    this.bottomLeftCornerRadiusInput = page.locator('div[title="Bottom left"] input');
+    this.bottomRightCornerRadiusInput = page.locator('div[title="Bottom right"] input');
     this.sizeWidthInput = page.locator('div[title="Width"] input');
     this.sizeHeightInput = page.locator('div[title="Height"] input');
     this.xAxisInput = page.locator('div[title="X axis"] input');
@@ -299,6 +295,9 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
     this.detachInstanceOptionDesign = page.locator(
       'ul[class*="component__custom-select-dropdown"] span:text-is("Detach instance")',
     );
+    this.clipContentButton = page.locator(
+      '//input[@id="clip-content"]/..',
+    );
   }
 
   async isFlexElementSectionOpened() {
@@ -452,31 +451,31 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
   async changeGeneralCornerRadiusForLayer(value) {
     await this.generalCornerRadiusInput.clear();
     await this.generalCornerRadiusInput.pressSequentially(value);
-    await this.clickMoveButton();
+    await this.clickOnEnter();
   }
 
   async changeTopLeftCornerRadiusForLayer(value) {
     await this.topLeftCornerRadiusInput.clear();
     await this.topLeftCornerRadiusInput.pressSequentially(value);
-    await this.clickMoveButton();
+    await this.clickOnEnter();
   }
 
   async changeTopRightCornerRadiusForLayer(value) {
     await this.topRightCornerRadiusInput.clear();
     await this.topRightCornerRadiusInput.pressSequentially(value);
-    await this.clickMoveButton();
+    await this.clickOnEnter();
   }
 
   async changeBottomLeftCornerRadiusForLayer(value) {
     await this.bottomLeftCornerRadiusInput.clear();
     await this.bottomLeftCornerRadiusInput.pressSequentially(value);
-    await this.clickMoveButton();
+    await this.clickOnEnter();
   }
 
   async changeBottomRightCornerRadiusForLayer(value) {
     await this.bottomRightCornerRadiusInput.clear();
     await this.bottomRightCornerRadiusInput.pressSequentially(value);
-    await this.clickMoveButton();
+    await this.clickOnEnter();
   }
 
   async changeWidthForLayer(width) {
@@ -989,4 +988,8 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
   async clickOnDetachInstanceOption() {
     await this.detachInstanceOptionDesign.click();
   }
+
+  async clickOnClipContentButton() {
+    await this.clipContentButton.click();
+  }
 };

pages/workspace/main-page.js

@@ -842,6 +842,7 @@ exports.MainPage = class MainPage extends BasePage {
     if (singleComponent) {
       await this.createComponentMenuItem.click();
     } else {
+      await this.page.waitForTimeout(200);
       await this.createMultipleComponentsMenuItem.click();
     }
   }

tests/assets/shared-libraries.spec.js

@@ -653,6 +653,7 @@ test.describe(() => {
   });
 
   test.afterEach(async ({ page }) => {
+    await teamPage.page.waitForTimeout(1000);
     await teamPage.deleteTeam(team2);
   });
 });

tests/components/main-components/flext-layout-cases.spec.js

@@ -99,9 +99,6 @@ test.describe(() => {
     await mainPage.addFlexLayoutViaRightClick();
     await mainPage.waitForChangeIsSaved();
 
-    await mainPage.createDefaultRectangleByCoordinates(200, 200, true);
-    await mainPage.createComponentViaRightClick();
-    await mainPage.waitForChangeIsSaved();
   });
 
   mainTest(
@@ -109,6 +106,9 @@ test.describe(() => {
     async ( {page}, testInfo) => {
       await testInfo.setTimeout(testInfo.timeout + 20000);
 
+      await mainPage.createDefaultRectangleByCoordinates(200, 200, true);
+      await mainPage.waitForChangeIsSaved();
+
       await mainPage.clickCreatedBoardTitleOnCanvas();
       await designPanelPage.changeAxisXandYForLayer('600', '200');
 
@@ -119,7 +119,6 @@ test.describe(() => {
       await mainPage.waitForChangeIsSaved();
 
       await mainPage.createDefaultEllipseByCoordinates(200, 200, true);
-      await mainPage.createComponentViaRightClick();
       await mainPage.waitForChangeIsSaved();
 
       await mainPage.clickViewportTwice();
@@ -147,6 +146,9 @@ test.describe(() => {
   mainTest(
     'PENPOT-1514 Create component inside flex board, change alignment for element',
     async () => {
+      await mainPage.createDefaultRectangleByCoordinates(200, 200, true);
+      await mainPage.createComponentViaRightClick();
+      await mainPage.waitForChangeIsSaved();
       await mainPage.clickCreatedBoardTitleOnCanvas();
       await designPanelPage.changeLayoutAlignment('Center');
       await mainPage.waitForChangeIsSaved();

tests/components/main-components/update-main-components.spec.js

@@ -70,6 +70,8 @@ test.describe(() => {
     await mainPage.createDefaultRectangleByCoordinates(200, 300);
     await mainPage.createComponentViaRightClick();
     await mainPage.waitForChangeIsSaved();
+    await designPanelPage.clickOnClipContentButton();
+    await mainPage.waitForChangeIsSaved();
     await mainPage.duplicateLayerViaRightClick();
     await mainPage.waitForChangeIsSaved();
     await layersPanelPage.clickCopyComponentOnLayersTab();