From 76e15f0c5f631d11ef2d94719a82c89ed2b776b1 Mon Sep 17 00:00:00 2001 From: stanislavchalapko Date: Tue, 17 Sep 2024 21:13:04 +0300 Subject: [PATCH] update version --- .github/workflows/playwright_pre_webkit.yml | 2 +- .../component-grid-layout.spec.js | 572 +++++++++--------- 2 files changed, 287 insertions(+), 287 deletions(-) diff --git a/.github/workflows/playwright_pre_webkit.yml b/.github/workflows/playwright_pre_webkit.yml index c10e6fa8..783fa227 100644 --- a/.github/workflows/playwright_pre_webkit.yml +++ b/.github/workflows/playwright_pre_webkit.yml @@ -37,7 +37,7 @@ jobs: CLIENT_ID: ${{ secrets.CLIENT_ID }} CLIENT_SECRET: ${{ secrets.CLIENT_SECRET }} GMAIL_NAME: ${{ secrets.GMAIL_NAME }} - run: npx playwright test --project=webkit -gv 'PERF' ./tests/view-mode.spec.js + run: npx playwright test --project=webkit -gv 'PERF' ./tests/components/main-components/component-grid-layout.spec.js - name: Upload Playwright Report uses: actions/upload-artifact@v3 diff --git a/tests/components/main-components/component-grid-layout.spec.js b/tests/components/main-components/component-grid-layout.spec.js index 8d788605..98cde46e 100644 --- a/tests/components/main-components/component-grid-layout.spec.js +++ b/tests/components/main-components/component-grid-layout.spec.js @@ -56,27 +56,27 @@ mainTest.describe(() => { await mainPage.clickCreatedBoardTitleOnCanvas(); }); - mainTest(qase(1717,'PENPOT-1717 Create a component from empty Grid Board'), async ({}) => { - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('empty-board-component-with-grid-layout.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase(1724,'PENPOT-1724 Create a component from grid board with some element inside, edit component in grid layout section'), async ({}) => { - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.clickBoardOnCanvas(); - await mainPage.doubleClickBoardOnCanvas(); - await mainPage.changeGridRowLabel('100 PX'); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-px-row.png', { - mask: [mainPage.guides], - }); - }); + // mainTest(qase(1717,'PENPOT-1717 Create a component from empty Grid Board'), async ({}) => { + // await mainPage.createComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot('empty-board-component-with-grid-layout.png', { + // mask: [mainPage.guides], + // }); + // }); + // + // mainTest(qase(1724,'PENPOT-1724 Create a component from grid board with some element inside, edit component in grid layout section'), async ({}) => { + // await mainPage.createComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await mainPage.clickViewportOnce(); + // await mainPage.clickCreatedBoardTitleOnCanvas(); + // await mainPage.clickBoardOnCanvas(); + // await mainPage.doubleClickBoardOnCanvas(); + // await mainPage.changeGridRowLabel('100 PX'); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot('board-component-with-px-row.png', { + // mask: [mainPage.guides], + // }); + // }); mainTest(qase(1729,'PENPOT-1729 Move a component between pages'), async ({page, context}) => { await mainPage.createComponentViaRightClick(); @@ -94,270 +94,270 @@ mainTest.describe(() => { }); }); - mainTest(qase(1730,'PENPOT-1730 Restore main component'), async ({browserName, context}) => { - await mainPage.createComponentViaRightClick(); - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.pressCopyShortcut(); - await mainPage.pressPasteShortcut(); - await layersPanelPage.clickMainComponentOnLayersTab(); - await layersPanelPage.deleteMainComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await layersPanelPage.clickCopyComponentOnLayersTab(); - await layersPanelPage.restoreMainComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-restore.png', { - mask: [mainPage.guides], - }); - await expect(layersPanelPage.layersSidebar).toHaveScreenshot( - 'copy-paste-layer.png', - ); - }); - - mainTest(qase(1731,'PENPOT-1731 Undo component editing and deleting'), async ({ browserName }) => { - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.clickFillColorIcon(); - await colorPalettePage.setHex('#0000FF'); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot( - 'board-component-blue-color.png', { - mask: [mainPage.guides], - }); - await mainPage.clickViewportOnce(); - await mainPage.clickShortcutCtrlZ(browserName); - await expect(mainPage.viewport).toHaveScreenshot( - 'board-component-undo-color.png', { - mask: [mainPage.guides], - }); - await layersPanelPage.deleteMainComponentViaRightClick(); - await expect(mainPage.viewport).toHaveScreenshot( - 'board-component-deleted.png', { - mask: [mainPage.guides], - }); - await mainPage.clickShortcutCtrlZ(browserName); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot( - 'board-component-restored.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase([1732,1733,1734],'PENPOT-1732,1733,1734 Click "Show main component" in File2'), async ({ page, browserName }) => { - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await mainPage.clickPencilBoxButton(); - await dashboardPage.addFileAsSharedLibraryViaRightclick(); - await dashboardPage.isSharedLibraryIconDisplayed(); - - await dashboardPage.createFileViaTitlePanel(); - await assetsPanelPage.clickAssetsTab(); - await assetsPanelPage.clickLibrariesButton(); - await assetsPanelPage.isSharedLibraryVisibleByName('New File 1'); - await assetsPanelPage.clickSharedLibraryImportButton('New File 1'); - await assetsPanelPage.clickCloseModalButton(); - await dashboardPage.reloadPage(); - await assetsPanelPage.clickAssetsTab(); - await assetsPanelPage.clickLibraryTitle(); - await assetsPanelPage.clickLibraryComponentsTitle(); - await assetsPanelPage.dragAndDropComponentToViewport('Board'); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-from-library-file.png'); - - const popupPromise = page.waitForEvent('popup'); - await mainPage.showMainComponentViaRightClick(); - const newPage = await popupPromise; - const newMainPage = new MainPage(newPage); - await newMainPage.isCreatedLayerVisible(); - await newMainPage.waitForViewportVisible(); - await expect(newPage).toHaveScreenshot('board-component-on-first-file.png', { - mask: [newMainPage.usersSection], - }); - }); - -}); - -mainTest.describe(() => { - mainTest.beforeEach(async ({ page, browserName }, testInfo) => { - if (browserName === 'webkit') { - await testInfo.setTimeout(testInfo.timeout + 20000); - } else { - await testInfo.setTimeout(testInfo.timeout + 15000); - } - await mainPage.createDefaultBoardByCoordinates(400, 400); - await designPanelPage.changeHeightAndWidthForLayer('300', '300'); - await mainPage.waitForChangeIsSaved(); - await mainPage.addGridLayoutViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.isLayoutRemoveButtonExists(); - await mainPage.clickViewportOnce(); - await mainPage.createDefaultRectangleByCoordinates(180, 200, true); - await layersPanelPage.dragAndDropComponentToBoard('Rectangle'); - await mainPage.waitForChangeIsSaved(); - await mainPage.duplicateLayerViaLayersTab('Rectangle'); - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - }); - - mainTest(qase(1718,'PENPOT-1718 Copy-paste component, that was created from grid board'), async ({browserName, context}) => { - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.pressCopyShortcut(); - await mainPage.pressPasteShortcut(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-copy-paste.png', { - mask: [mainPage.guides], - }); - await expect(layersPanelPage.layersSidebar).toHaveScreenshot( - 'copy-paste-layer.png', - ); - }); - - mainTest(qase(1719,'PENPOT-1719 Create a component from grid board with some element inside'), async ({}) => { - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-with-rectangle.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase(1728,'PENPOT-1728 Duplicate component, that was created from grid board'), async ({browserName}) => { - await mainPage.clickShortcutCtrlD(browserName); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-duplicated.png', { - mask: [mainPage.guides], - }); - await expect(layersPanelPage.layersSidebar).toHaveScreenshot( - 'duplicated-layer.png', - ); - }); - -}); - -mainTest.describe(() => { - mainTest.beforeEach(async ({ page, browserName }, testInfo) => { - if (browserName === 'webkit') { - await testInfo.setTimeout(testInfo.timeout + 20000); - } else { - await testInfo.setTimeout(testInfo.timeout + 15000); - } - await mainPage.createDefaultBoardByCoordinates(100, 100); - await designPanelPage.changeHeightAndWidthForLayer('200', '200'); - await mainPage.waitForChangeIsSaved(); - await mainPage.addGridLayoutViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.isLayoutRemoveButtonExists(); - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await mainPage.clickShortcutCtrlD(browserName); - await designPanelPage.changeAxisXandYForLayer('500', '100'); - }); - - mainTest(qase(1720,'PENPOT-1720 Change the copy component and click "Update main component"'), async ({}) => { - await designPanelPage.changeHeightAndWidthForLayer('25', '25'); - await layersPanelPage.updateMainComponentViaRightClick(); - await mainPage.waitForChangeIsUnsaved(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-updated.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase(1721,'PENPOT-1721 Change the copy component and click "Show main component"'), async ({}) => { - await designPanelPage.clickFillColorIcon(); - await colorPalettePage.setHex('#000000'); - await mainPage.waitForChangeIsSaved(); - await mainPage.showMainComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-show.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase(1722,'PENPOT-1722 Change the copy component and click "Reset overrides"'), async ({}) => { - await designPanelPage.clickFillColorIcon(); - await colorPalettePage.setHex('#000000'); - await mainPage.waitForChangeIsSaved(); - await mainPage.resetOverridesViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-reset-overrides.png', { - mask: [mainPage.guides], - }); - }); - - mainTest(qase(1723,'PENPOT-1723 Change the copy component and click "Detach instance"'), async ({}) => { - await designPanelPage.changeHeightAndWidthForLayer('25', '25'); - await mainPage.waitForChangeIsSaved(); - await layersPanelPage.detachInstanceCopyComponentViaRightClick(); - await mainPage.waitForChangeIsUnsaved(); - await mainPage.waitForChangeIsSaved(); - await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-detach-instance.png', { - mask: [mainPage.guides], - }); - await expect(layersPanelPage.layersSidebar).toHaveScreenshot( - 'detach-instance-layer.png', - ); - }); - -}); - -mainTest.describe(() => { - mainTest.beforeEach(async ({ page, browserName }, testInfo) => { - if (browserName === 'webkit') { - await testInfo.setTimeout(testInfo.timeout + 20000); - } else { - await testInfo.setTimeout(testInfo.timeout + 15000); - } - await mainPage.createDefaultBoardByCoordinates(400, 400); - await designPanelPage.changeHeightAndWidthForLayer('300', '400'); - await mainPage.waitForChangeIsSaved(); - await mainPage.addGridLayoutViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.isLayoutRemoveButtonExists(); - await mainPage.clickViewportOnce(); - await mainPage.clickCreatedBoardTitleOnCanvas(); - await mainPage.createComponentViaRightClick(); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.createAnnotationRightClick(); - await designPanelPage.addAnnotationForComponent(annotation); - await designPanelPage.waitForChangeIsSaved(); - - }); - - mainTest(qase([1725,1752],'PENPOT-1725,1752 Create annotation for component, that already has annotation'), async ({}) => { - await designPanelPage.isAnnotationAddedToComponent(annotation); - await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( - 'component-annotation.png', - ); - await mainPage.waitForChangeIsSaved(); - await designPanelPage.isAnnotationOptionNotVisibleRightClick(); - await expect(mainPage.viewport).toHaveScreenshot( - 'component-right-click-annotation-disabled.png', - ); - await designPanelPage.clickOnComponentMenuButton(); - await designPanelPage.isAnnotationOptionNotVisible(); - await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( - 'component-annotation-disabled.png', - ); - }); - - mainTest(qase(1726,'PENPOT-1726 Edit annotation for component'), async ({}) => { - await designPanelPage.clickOnEditAnnotation(); - await designPanelPage.editAnnotationForComponent('Edit annotation'); - await designPanelPage.waitForChangeIsSaved(); - await designPanelPage.isAnnotationAddedToComponent('Edit annotation'); - await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( - 'component-annotation-edit.png', - ); - }); - - mainTest(qase(1727,'PENPOT-1727 Delete annotation for component'), async ({}) => { - await designPanelPage.clickOnDeleteAnnotation(); - await designPanelPage.confirmDeleteAnnotation(); - await designPanelPage.waitForChangeIsSaved(); - await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( - 'component-annotation-delete.png', - ); - }); + // mainTest(qase(1730,'PENPOT-1730 Restore main component'), async ({browserName, context}) => { + // await mainPage.createComponentViaRightClick(); + // await mainPage.clickViewportOnce(); + // await mainPage.clickCreatedBoardTitleOnCanvas(); + // await mainPage.pressCopyShortcut(); + // await mainPage.pressPasteShortcut(); + // await layersPanelPage.clickMainComponentOnLayersTab(); + // await layersPanelPage.deleteMainComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await layersPanelPage.clickCopyComponentOnLayersTab(); + // await layersPanelPage.restoreMainComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-restore.png', { + // mask: [mainPage.guides], + // }); + // await expect(layersPanelPage.layersSidebar).toHaveScreenshot( + // 'copy-paste-layer.png', + // ); + // }); + // + // mainTest(qase(1731,'PENPOT-1731 Undo component editing and deleting'), async ({ browserName }) => { + // await mainPage.createComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await designPanelPage.clickFillColorIcon(); + // await colorPalettePage.setHex('#0000FF'); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot( + // 'board-component-blue-color.png', { + // mask: [mainPage.guides], + // }); + // await mainPage.clickViewportOnce(); + // await mainPage.clickShortcutCtrlZ(browserName); + // await expect(mainPage.viewport).toHaveScreenshot( + // 'board-component-undo-color.png', { + // mask: [mainPage.guides], + // }); + // await layersPanelPage.deleteMainComponentViaRightClick(); + // await expect(mainPage.viewport).toHaveScreenshot( + // 'board-component-deleted.png', { + // mask: [mainPage.guides], + // }); + // await mainPage.clickShortcutCtrlZ(browserName); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot( + // 'board-component-restored.png', { + // mask: [mainPage.guides], + // }); + // }); + // + // mainTest(qase([1732,1733,1734],'PENPOT-1732,1733,1734 Click "Show main component" in File2'), async ({ page, browserName }) => { + // await mainPage.createComponentViaRightClick(); + // await mainPage.waitForChangeIsSaved(); + // await mainPage.clickPencilBoxButton(); + // await dashboardPage.addFileAsSharedLibraryViaRightclick(); + // await dashboardPage.isSharedLibraryIconDisplayed(); + // + // await dashboardPage.createFileViaTitlePanel(); + // await assetsPanelPage.clickAssetsTab(); + // await assetsPanelPage.clickLibrariesButton(); + // await assetsPanelPage.isSharedLibraryVisibleByName('New File 1'); + // await assetsPanelPage.clickSharedLibraryImportButton('New File 1'); + // await assetsPanelPage.clickCloseModalButton(); + // await dashboardPage.reloadPage(); + // await assetsPanelPage.clickAssetsTab(); + // await assetsPanelPage.clickLibraryTitle(); + // await assetsPanelPage.clickLibraryComponentsTitle(); + // await assetsPanelPage.dragAndDropComponentToViewport('Board'); + // await mainPage.waitForChangeIsSaved(); + // await expect(mainPage.viewport).toHaveScreenshot('board-from-library-file.png'); + // + // const popupPromise = page.waitForEvent('popup'); + // await mainPage.showMainComponentViaRightClick(); + // const newPage = await popupPromise; + // const newMainPage = new MainPage(newPage); + // await newMainPage.isCreatedLayerVisible(); + // await newMainPage.waitForViewportVisible(); + // await expect(newPage).toHaveScreenshot('board-component-on-first-file.png', { + // mask: [newMainPage.usersSection], + // }); + // }); }); +// +// mainTest.describe(() => { +// mainTest.beforeEach(async ({ page, browserName }, testInfo) => { +// if (browserName === 'webkit') { +// await testInfo.setTimeout(testInfo.timeout + 20000); +// } else { +// await testInfo.setTimeout(testInfo.timeout + 15000); +// } +// await mainPage.createDefaultBoardByCoordinates(400, 400); +// await designPanelPage.changeHeightAndWidthForLayer('300', '300'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.addGridLayoutViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await designPanelPage.isLayoutRemoveButtonExists(); +// await mainPage.clickViewportOnce(); +// await mainPage.createDefaultRectangleByCoordinates(180, 200, true); +// await layersPanelPage.dragAndDropComponentToBoard('Rectangle'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.duplicateLayerViaLayersTab('Rectangle'); +// await mainPage.clickViewportOnce(); +// await mainPage.clickCreatedBoardTitleOnCanvas(); +// await mainPage.createComponentViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// }); +// +// mainTest(qase(1718,'PENPOT-1718 Copy-paste component, that was created from grid board'), async ({browserName, context}) => { +// await mainPage.clickViewportOnce(); +// await mainPage.clickCreatedBoardTitleOnCanvas(); +// await mainPage.pressCopyShortcut(); +// await mainPage.pressPasteShortcut(); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-copy-paste.png', { +// mask: [mainPage.guides], +// }); +// await expect(layersPanelPage.layersSidebar).toHaveScreenshot( +// 'copy-paste-layer.png', +// ); +// }); +// +// mainTest(qase(1719,'PENPOT-1719 Create a component from grid board with some element inside'), async ({}) => { +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-with-rectangle.png', { +// mask: [mainPage.guides], +// }); +// }); +// +// mainTest(qase(1728,'PENPOT-1728 Duplicate component, that was created from grid board'), async ({browserName}) => { +// await mainPage.clickShortcutCtrlD(browserName); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-duplicated.png', { +// mask: [mainPage.guides], +// }); +// await expect(layersPanelPage.layersSidebar).toHaveScreenshot( +// 'duplicated-layer.png', +// ); +// }); +// +// }); +// +// mainTest.describe(() => { +// mainTest.beforeEach(async ({ page, browserName }, testInfo) => { +// if (browserName === 'webkit') { +// await testInfo.setTimeout(testInfo.timeout + 20000); +// } else { +// await testInfo.setTimeout(testInfo.timeout + 15000); +// } +// await mainPage.createDefaultBoardByCoordinates(100, 100); +// await designPanelPage.changeHeightAndWidthForLayer('200', '200'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.addGridLayoutViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await designPanelPage.isLayoutRemoveButtonExists(); +// await mainPage.clickViewportOnce(); +// await mainPage.clickCreatedBoardTitleOnCanvas(); +// await mainPage.createComponentViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.clickShortcutCtrlD(browserName); +// await designPanelPage.changeAxisXandYForLayer('500', '100'); +// }); +// +// mainTest(qase(1720,'PENPOT-1720 Change the copy component and click "Update main component"'), async ({}) => { +// await designPanelPage.changeHeightAndWidthForLayer('25', '25'); +// await layersPanelPage.updateMainComponentViaRightClick(); +// await mainPage.waitForChangeIsUnsaved(); +// await mainPage.waitForChangeIsSaved(); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-updated.png', { +// mask: [mainPage.guides], +// }); +// }); +// +// mainTest(qase(1721,'PENPOT-1721 Change the copy component and click "Show main component"'), async ({}) => { +// await designPanelPage.clickFillColorIcon(); +// await colorPalettePage.setHex('#000000'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.showMainComponentViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-main-show.png', { +// mask: [mainPage.guides], +// }); +// }); +// +// mainTest(qase(1722,'PENPOT-1722 Change the copy component and click "Reset overrides"'), async ({}) => { +// await designPanelPage.clickFillColorIcon(); +// await colorPalettePage.setHex('#000000'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.resetOverridesViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-reset-overrides.png', { +// mask: [mainPage.guides], +// }); +// }); +// +// mainTest(qase(1723,'PENPOT-1723 Change the copy component and click "Detach instance"'), async ({}) => { +// await designPanelPage.changeHeightAndWidthForLayer('25', '25'); +// await mainPage.waitForChangeIsSaved(); +// await layersPanelPage.detachInstanceCopyComponentViaRightClick(); +// await mainPage.waitForChangeIsUnsaved(); +// await mainPage.waitForChangeIsSaved(); +// await expect(mainPage.viewport).toHaveScreenshot('board-component-with-grid-layout-detach-instance.png', { +// mask: [mainPage.guides], +// }); +// await expect(layersPanelPage.layersSidebar).toHaveScreenshot( +// 'detach-instance-layer.png', +// ); +// }); +// +// }); +// +// mainTest.describe(() => { +// mainTest.beforeEach(async ({ page, browserName }, testInfo) => { +// if (browserName === 'webkit') { +// await testInfo.setTimeout(testInfo.timeout + 20000); +// } else { +// await testInfo.setTimeout(testInfo.timeout + 15000); +// } +// await mainPage.createDefaultBoardByCoordinates(400, 400); +// await designPanelPage.changeHeightAndWidthForLayer('300', '400'); +// await mainPage.waitForChangeIsSaved(); +// await mainPage.addGridLayoutViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await designPanelPage.isLayoutRemoveButtonExists(); +// await mainPage.clickViewportOnce(); +// await mainPage.clickCreatedBoardTitleOnCanvas(); +// await mainPage.createComponentViaRightClick(); +// await mainPage.waitForChangeIsSaved(); +// await designPanelPage.createAnnotationRightClick(); +// await designPanelPage.addAnnotationForComponent(annotation); +// await designPanelPage.waitForChangeIsSaved(); +// +// }); +// +// mainTest(qase([1725,1752],'PENPOT-1725,1752 Create annotation for component, that already has annotation'), async ({}) => { +// await designPanelPage.isAnnotationAddedToComponent(annotation); +// await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( +// 'component-annotation.png', +// ); +// await mainPage.waitForChangeIsSaved(); +// await designPanelPage.isAnnotationOptionNotVisibleRightClick(); +// await expect(mainPage.viewport).toHaveScreenshot( +// 'component-right-click-annotation-disabled.png', +// ); +// await designPanelPage.clickOnComponentMenuButton(); +// await designPanelPage.isAnnotationOptionNotVisible(); +// await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( +// 'component-annotation-disabled.png', +// ); +// }); +// +// mainTest(qase(1726,'PENPOT-1726 Edit annotation for component'), async ({}) => { +// await designPanelPage.clickOnEditAnnotation(); +// await designPanelPage.editAnnotationForComponent('Edit annotation'); +// await designPanelPage.waitForChangeIsSaved(); +// await designPanelPage.isAnnotationAddedToComponent('Edit annotation'); +// await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( +// 'component-annotation-edit.png', +// ); +// }); +// +// mainTest(qase(1727,'PENPOT-1727 Delete annotation for component'), async ({}) => { +// await designPanelPage.clickOnDeleteAnnotation(); +// await designPanelPage.confirmDeleteAnnotation(); +// await designPanelPage.waitForChangeIsSaved(); +// await expect(designPanelPage.componentBlockOnDesignTab).toHaveScreenshot( +// 'component-annotation-delete.png', +// ); +// }); +// +// });