1736,1744,1746,1748 tests added

pages/workspace/design-panel-page.js

@@ -108,10 +108,12 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
       'button[class*="done-btn"]',
     );
     this.gridLayoutMenu = page.locator('div[class*="grid-layout-menu"]').first();
+    this.manualButton = page.locator('label[for=":manual"]');
     this.areaButton = page.locator('label[for=":area"]');
     this.areaNameInput = page.locator('input[aria-label="grid-area-name"]');
     this.gridExpandGridColumnLengthButton = page.locator('div[class*="grid-track-header"] button[class*="expand-icon"]').first();
     this.gridExpandGridRowLengthButton = page.locator('div[class*="grid-track-header"] button[class*="expand-icon"]').last();
+    this.gridFirstColumnSelectButton = page.locator('div[class*="track-info-dir-icon"] svg[class*="icon-flex-vertical"]').first();
     this.flexMenuItem = page.locator('li[data-value=":flex"]');
     this.autoMenuItem = page.locator('li[data-value=":auto"]');
     this.fixedMenuItem = page.locator('li[data-value=":fixed"]');
@@ -1151,6 +1153,9 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
     await this.clipContentButton.click();
   }
 
+  async clickOnManualButton() {
+    await this.manualButton.click();
+  }
   async clickOnAreaButton() {
     await this.areaButton.click();
   }
@@ -1193,4 +1198,17 @@ exports.DesignPanelPage = class DesignPanelPage extends BasePage {
   async clickOnGridExpandColumnUnitButton() {
     await this.gridExpandGridColumnLengthButton.click();
   }
+
+  async hoverOnGridFirstColumnSelectButton() {
+    await this.gridFirstColumnSelectButton.hover();
+  }
+
+  async enterGridCellCoordinate(rowColumn,startOrEnd, value) {
+    let cellNumber = startOrEnd === 'start' ? 0 : 1;
+    cellNumber = rowColumn === 'row' ? cellNumber+2 : cellNumber;
+    const inputLocator = await this.page.locator(`div[class*="grid_cell__row"] div[class*="grid_cell__coord-input"] input >>nth=${cellNumber}`);
+    await inputLocator.click();
+    await inputLocator.fill(value);
+    await this.clickOnEnter();
+  }
 };

pages/workspace/main-page.js

@@ -939,4 +939,9 @@ exports.MainPage = class MainPage extends BasePage {
     await cellLocator.click({ button: 'right', force: true });
     await this.mergeGridCellMenuItem.click();
   }
+
+  async clickOnGridCell(cell) {
+    const cellLocator = await this.page.locator(`rect[class*="grid-cell-outline"] >>nth=${cell-1}`);
+    await cellLocator.click();
+  }
 };

tests/composition/composition-grid-layout.spec.js

@@ -142,7 +142,7 @@ test.describe(() => {
     );
   });
 
-  mainTest('PENPOT-1693,1716 Change row gap, Check Gap info on inspect tab', async ({ page }) => {
+  mainTest('PENPOT-1693,1716,1744 Change row gap, Check Gap info on inspect tab', async ({ page }) => {
     await designPanelPage.openGridEditModeFromDesignPanel();
     await mainPage.waitForChangeIsSaved();
     await designPanelPage.changeLayoutRowGapOnGridEdit('50');
@@ -490,6 +490,43 @@ test.describe(() => {
       mask: [mainPage.guides],
     });
   });
+
+  mainTest('PENPOT-1736 Check row numbers in right menu', async ({ page }) => {
+    await mainPage.clickBoardOnCanvas();
+    await mainPage.doubleClickBoardOnCanvas();
+    await mainPage.waitForChangeIsSaved();
+    await designPanelPage.clickOnGridExpandColumnUnitButton();
+    await designPanelPage.hoverOnGridFirstColumnSelectButton();
+    await expect(mainPage.viewport).toHaveScreenshot('board-with-grid-selected-column.png', {
+      mask: [mainPage.guides],
+    });
+  });
+
+  mainTest('PENPOT-1746 Check to add area - manually', async ({ page }) => {
+    await mainPage.clickBoardOnCanvas();
+    await mainPage.doubleClickBoardOnCanvas();
+    await mainPage.waitForChangeIsSaved();
+    await mainPage.clickOnGridCell(1);
+    await designPanelPage.clickOnManualButton();
+    await designPanelPage.enterGridCellCoordinate('row', 'end', '3');
+    await expect(mainPage.viewport).toHaveScreenshot('board-with-grid-manual-area.png', {
+      mask: [mainPage.guides],
+    });
+  });
+
+  mainTest('PENPOT-1748 Check to add area - When you select cells and then “right click” merge cells', async ({ page }) => {
+    await mainPage.clickBoardOnCanvas();
+    await mainPage.doubleClickBoardOnCanvas();
+    await mainPage.waitForChangeIsSaved();
+    await mainPage.addRowGridLayoutBtnClick();
+    await mainPage.addColumnGridLayoutBtnClick();
+    await mainPage.waitForChangeIsSaved();
+    await mainPage.selectGridCellMultiple(1,3);
+    await mainPage.mergeGridCellViaRightClick(3);
+    await expect(mainPage.viewport).toHaveScreenshot('board-with-grid-horizontal-area-right.png', {
+      mask: [mainPage.guides],
+    });
+  });
 });
 
 mainTest('PENPOT-1707 Add grid lines, and upload the images, check removed some image', async ({ page, browserName }) => {