mirror of
https://github.com/penpot/penpotqa.git
synced 2024-07-06 04:51:46 +00:00
debug run
This commit is contained in:
parent
7171ded3ea
commit
f5e8330c2e
2
.github/workflows/playwright_pre.yml
vendored
2
.github/workflows/playwright_pre.yml
vendored
|
@ -23,7 +23,7 @@ jobs:
|
|||
BASE_URL: ${{ secrets.BASE_URL }}
|
||||
LOGIN_EMAIL: ${{ secrets.LOGIN_EMAIL }}
|
||||
LOGIN_PWD: ${{ secrets.LOGIN_PWD }}
|
||||
run: npm run testLogin
|
||||
run: npm run test
|
||||
- uses: actions/upload-artifact@v2
|
||||
if: always()
|
||||
- name: Upload Playwright Report
|
||||
|
|
|
@ -1,156 +1,156 @@
|
|||
// const { mainTest } = require('../../fixtures');
|
||||
// const { MainPage } = require('../../pages/workspace/main-page');
|
||||
// const { expect, test } = require('@playwright/test');
|
||||
// const { ColorPalettePage } = require('../../pages/workspace/color-palette-page');
|
||||
// const { random } = require('../../helpers/string-generator');
|
||||
// const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
// const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
// const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
// const { DesignPanelPage } = require('../../pages/workspace/design-panel-page');
|
||||
//
|
||||
// const teamName = random().concat('autotest');
|
||||
//
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const dashboardPage = new DashboardPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await teamPage.createTeam(teamName);
|
||||
// await teamPage.isTeamSelected(teamName);
|
||||
// await dashboardPage.createFileViaPlaceholder();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// });
|
||||
//
|
||||
// test.afterEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await mainPage.backToDashboardFromFileEditor();
|
||||
// await teamPage.deleteTeam(teamName);
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-22 Filter Colors from All Assets drop-down', async ({ page }) => {
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.selectTypeFromAllAssetsDropdown('Colors');
|
||||
// await assetsPanelPage.isAssetsSectionNameDisplayed('Colors', '0');
|
||||
// });
|
||||
//
|
||||
// test.describe(() => {
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// const colorPalettePopUp = new ColorPalettePage(page);
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickAddFileLibraryColorButton();
|
||||
// await colorPalettePopUp.setHex('#ffff00');
|
||||
// await colorPalettePopUp.clickSaveColorStyleButton();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-23 File library colors - add', async ({ page }) => {
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.isColorAddedToFileLibraryColors('#ffff00');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'colors-add-color.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-24 File library colors - edit', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// const colorPalettePopUp = new ColorPalettePage(page);
|
||||
// await assetsPanelPage.editFileLibraryColor();
|
||||
// await colorPalettePopUp.setHex('#00ff00');
|
||||
// await colorPalettePopUp.clickSaveColorStyleButton();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isColorAddedToFileLibraryColors('#ffff00#00ff00');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'colors-edit-color.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-25 File library colors - rename', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.renameFileLibraryColor('test color');
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isColorAddedToFileLibraryColors('test color#ffff00');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'colors-rename-color.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-26 File library colors - delete', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.deleteFileLibraryColor();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isColorNotAddedToFileLibraryColors();
|
||||
// await assetsPanelPage.selectTypeFromAllAssetsDropdown('Colors');
|
||||
// await assetsPanelPage.isAssetsSectionNameDisplayed('Colors', '0');
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-27 File library colors - create group', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupCreated('Test Group');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot('group-colors.png');
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-29 File library colors - rename group', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.renameGroupFileLibrary('New Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupCreated('New Group');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'group-colors-renamed.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-32 File library colors- ungroup', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.ungroupFileLibrary();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupRemoved();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'colors-add-color.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-34 File library colors - apply to element', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await mainPage.clickCreateBoardButton();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.clickFileLibraryColorsColorBullet();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(mainPage.createdLayer).toHaveScreenshot('apply-color-to-board.png');
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-117 File library colors - apply to stroke', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// const designPanelPage = new DesignPanelPage(page);
|
||||
// await mainPage.clickCreateBoardButton();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await designPanelPage.clickAddStrokeButton();
|
||||
// await assetsPanelPage.clickAndPressAltFileLibraryColorsColorBullet();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickViewportByCoordinates(900, 100, 3);
|
||||
// await expect(mainPage.createdLayer).toHaveScreenshot(
|
||||
// 'apply-color-to-stroke-board.png',
|
||||
// );
|
||||
// });
|
||||
// });
|
||||
const { MainPage } = require('../../pages/workspace/main-page');
|
||||
const { expect, test } = require('@playwright/test');
|
||||
const { ColorPalettePage } = require('../../pages/workspace/color-palette-page');
|
||||
const { random } = require('../../helpers/string-generator');
|
||||
const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
const { DesignPanelPage } = require('../../pages/workspace/design-panel-page');
|
||||
|
||||
const teamName = random().concat('autotest');
|
||||
|
||||
test.beforeEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const dashboardPage = new DashboardPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.mainTest();
|
||||
await teamPage.createTeam(teamName);
|
||||
await teamPage.isTeamSelected(teamName);
|
||||
await dashboardPage.createFileViaPlaceholder();
|
||||
await mainPage.isMainPageLoaded();
|
||||
});
|
||||
|
||||
test.afterEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.backToDashboardFromFileEditor();
|
||||
await teamPage.deleteTeam(teamName);
|
||||
});
|
||||
|
||||
test('AS-22 Filter Colors from All Assets drop-down', async ({ page }) => {
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.selectTypeFromAllAssetsDropdown('Colors');
|
||||
await assetsPanelPage.isAssetsSectionNameDisplayed('Colors', '0');
|
||||
});
|
||||
|
||||
test.describe(() => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
const colorPalettePopUp = new ColorPalettePage(page);
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickAddFileLibraryColorButton();
|
||||
await colorPalettePopUp.setHex('#ffff00');
|
||||
await colorPalettePopUp.clickSaveColorStyleButton();
|
||||
await mainPage.clickViewportTwice();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
});
|
||||
|
||||
test('AS-23 File library colors - add', async ({ page }) => {
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.isColorAddedToFileLibraryColors('#ffff00');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'colors-add-color.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-24 File library colors - edit', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
const colorPalettePopUp = new ColorPalettePage(page);
|
||||
await assetsPanelPage.editFileLibraryColor();
|
||||
await colorPalettePopUp.setHex('#00ff00');
|
||||
await colorPalettePopUp.clickSaveColorStyleButton();
|
||||
await mainPage.clickViewportTwice();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isColorAddedToFileLibraryColors('#ffff00#00ff00');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'colors-edit-color.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-25 File library colors - rename', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.renameFileLibraryColor('test color');
|
||||
await mainPage.clickViewportTwice();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isColorAddedToFileLibraryColors('test color#ffff00');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'colors-rename-color.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-26 File library colors - delete', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.deleteFileLibraryColor();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isColorNotAddedToFileLibraryColors();
|
||||
await assetsPanelPage.selectTypeFromAllAssetsDropdown('Colors');
|
||||
await assetsPanelPage.isAssetsSectionNameDisplayed('Colors', '0');
|
||||
});
|
||||
|
||||
test('AS-27 File library colors - create group', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupCreated('Test Group');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot('group-colors.png');
|
||||
});
|
||||
|
||||
test('AS-29 File library colors - rename group', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.renameGroupFileLibrary('New Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupCreated('New Group');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'group-colors-renamed.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-32 File library colors- ungroup', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Colors', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.ungroupFileLibrary();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupRemoved();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'colors-add-color.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-34 File library colors - apply to element', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await mainPage.clickCreateBoardButton();
|
||||
await mainPage.clickViewportTwice();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.clickFileLibraryColorsColorBullet();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(mainPage.createdLayer).toHaveScreenshot('apply-color-to-board.png');
|
||||
});
|
||||
|
||||
test('AS-117 File library colors - apply to stroke', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
const designPanelPage = new DesignPanelPage(page);
|
||||
await mainPage.clickCreateBoardButton();
|
||||
await mainPage.clickViewportTwice();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await designPanelPage.clickAddStrokeButton();
|
||||
await assetsPanelPage.clickAndPressAltFileLibraryColorsColorBullet();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickViewportByCoordinates(900, 100, 3);
|
||||
await expect(mainPage.createdLayer).toHaveScreenshot(
|
||||
'apply-color-to-stroke-board.png',
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
|
@ -1,49 +1,49 @@
|
|||
// const { mainTest } = require('../../fixtures');
|
||||
// const { MainPage } = require('../../pages/workspace/main-page');
|
||||
// const { expect, test } = require('@playwright/test');
|
||||
// const { random } = require('../../helpers/string-generator');
|
||||
// const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
// const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
//
|
||||
// const teamName = random().concat('autotest');
|
||||
//
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const dashboardPage = new DashboardPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await teamPage.createTeam(teamName);
|
||||
// await teamPage.isTeamSelected(teamName);
|
||||
// await dashboardPage.createFileViaPlaceholder();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// });
|
||||
//
|
||||
// test.afterEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await mainPage.backToDashboardFromFileEditor();
|
||||
// await teamPage.deleteTeam(teamName);
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-110 Open panel main menu - help&info', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// await mainPage.clickMainMenuButton();
|
||||
// await mainPage.clickHelpInfoMainMenuItem();
|
||||
// await mainPage.clickShortcutsMainMenuSubItem();
|
||||
// await mainPage.isShortcutsPanelDisplayed();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(mainPage.shortcutsPanel).toHaveScreenshot('shortcuts-panel.png');
|
||||
// await mainPage.clickMainMenuButton();
|
||||
// await mainPage.clickHelpInfoMainMenuItem();
|
||||
// await mainPage.clickShortcutsMainMenuSubItem();
|
||||
// await mainPage.isShortcutsPanelNotDisplayed();
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-115 Show/hide panel', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// await mainPage.pressShortcutsPanelShortcut();
|
||||
// await mainPage.isShortcutsPanelDisplayed();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(mainPage.shortcutsPanel).toHaveScreenshot('shortcuts-panel.png');
|
||||
// await mainPage.closeShortcutsPanel();
|
||||
// await mainPage.isShortcutsPanelNotDisplayed();
|
||||
// });
|
||||
const { MainPage } = require('../../pages/workspace/main-page');
|
||||
const { expect, test } = require('@playwright/test');
|
||||
const { random } = require('../../helpers/string-generator');
|
||||
const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
|
||||
const teamName = random().concat('autotest');
|
||||
|
||||
test.beforeEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const dashboardPage = new DashboardPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.mainTest();
|
||||
await teamPage.createTeam(teamName);
|
||||
await teamPage.isTeamSelected(teamName);
|
||||
await dashboardPage.createFileViaPlaceholder();
|
||||
await mainPage.isMainPageLoaded();
|
||||
});
|
||||
|
||||
test.afterEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.backToDashboardFromFileEditor();
|
||||
await teamPage.deleteTeam(teamName);
|
||||
});
|
||||
|
||||
test('AS-110 Open panel main menu - help&info', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.clickMainMenuButton();
|
||||
await mainPage.clickHelpInfoMainMenuItem();
|
||||
await mainPage.clickShortcutsMainMenuSubItem();
|
||||
await mainPage.isShortcutsPanelDisplayed();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(mainPage.shortcutsPanel).toHaveScreenshot('shortcuts-panel.png');
|
||||
await mainPage.clickMainMenuButton();
|
||||
await mainPage.clickHelpInfoMainMenuItem();
|
||||
await mainPage.clickShortcutsMainMenuSubItem();
|
||||
await mainPage.isShortcutsPanelNotDisplayed();
|
||||
});
|
||||
|
||||
test('AS-115 Show/hide panel', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.pressShortcutsPanelShortcut();
|
||||
await mainPage.isShortcutsPanelDisplayed();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(mainPage.shortcutsPanel).toHaveScreenshot('shortcuts-panel.png');
|
||||
await mainPage.closeShortcutsPanel();
|
||||
await mainPage.isShortcutsPanelNotDisplayed();
|
||||
});
|
||||
|
|
|
@ -1,198 +1,198 @@
|
|||
// const { mainTest } = require('../../fixtures');
|
||||
// const { MainPage } = require('../../pages/workspace/main-page');
|
||||
// const { expect, test } = require('@playwright/test');
|
||||
// const { random } = require('../../helpers/string-generator');
|
||||
// const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
// const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
// const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
//
|
||||
// const teamName = random().concat('autotest');
|
||||
//
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const dashboardPage = new DashboardPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await teamPage.createTeam(teamName);
|
||||
// await teamPage.isTeamSelected(teamName);
|
||||
// await dashboardPage.createFileViaPlaceholder();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// });
|
||||
//
|
||||
// test.afterEach(async ({ page }) => {
|
||||
// const teamPage = new TeamPage(page);
|
||||
// const mainPage = new MainPage(page);
|
||||
// await mainPage.backToDashboardFromFileEditor();
|
||||
// await teamPage.deleteTeam(teamName);
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-37 Filter Typographies from All Assets drop-down', async ({ page }) => {
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.selectTypeFromAllAssetsDropdown('Typographies');
|
||||
// await assetsPanelPage.isAssetsSectionNameDisplayed('Typographies', '0');
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-38 Typographic styles - add from Assets panel', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickAddFileLibraryTypographyButton();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-add-typography-expanded.png',
|
||||
// );
|
||||
// await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-add-typography-minimized.png',
|
||||
// );
|
||||
// await assetsPanelPage.expandFileLibraryTypography();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-add-typography-expanded.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// test.describe(() => {
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickAddFileLibraryTypographyButton();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-40 Typographic styles - edit', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.editFileLibraryTypography();
|
||||
// await assetsPanelPage.selectFont('Bellefair');
|
||||
// await assetsPanelPage.selectFontSize('12');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-edit-typography-expanded.png',
|
||||
// );
|
||||
// await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-edit-typography-minimized.png',
|
||||
// );
|
||||
// await assetsPanelPage.expandFileLibraryTypography();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-edit-typography-expanded.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-41 Typographic styles - rename', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.renameFileLibraryTypography('Test Font');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-rename-typography-minimized.png',
|
||||
// );
|
||||
// await assetsPanelPage.expandFileLibraryTypography();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-rename-typography-expanded.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-42 Typographic styles - delete', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.deleteFileLibraryTypography();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-deleted-typography.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-43 Typographic styles - create group', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupCreated('Test Group');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'group-typographies.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-45 Typographic styles - rename group', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.renameGroupFileLibrary('New Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupCreated('New Group');
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'group-typographies-renamed.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest('AS-48 Typographic styles - ungroup', async ({ page }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.ungroupFileLibrary();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.isFileLibraryGroupRemoved();
|
||||
// await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
// 'typographies-add-typography-minimized.png',
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest(
|
||||
// 'AS-50 Typographic styles - apply style to text from Assets panel',
|
||||
// async ({ page, browserName }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.editFileLibraryTypography();
|
||||
// await assetsPanelPage.selectFont('Bad Script');
|
||||
// await assetsPanelPage.selectFontSize('36');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
// await mainPage.createDefaultTextLayer(browserName);
|
||||
// await assetsPanelPage.clickFileLibraryTypographiesTypographyRecord();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'apply-typography-to-text_from_assets.png',
|
||||
// {
|
||||
// mask: [mainPage.guides],
|
||||
// },
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// mainTest(
|
||||
// 'AS-54 Typographic styles - apply style to text from Typographies panel',
|
||||
// async ({ page, browserName }) => {
|
||||
// const mainPage = new MainPage(page);
|
||||
// const assetsPanelPage = new AssetsPanelPage(page);
|
||||
// await assetsPanelPage.editFileLibraryTypography();
|
||||
// await assetsPanelPage.selectFont('Bad Script');
|
||||
// await assetsPanelPage.selectFontSize('36');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
// await mainPage.createDefaultTextLayer(browserName);
|
||||
// await mainPage.pressOpenTypographiesBottomPanelShortcut();
|
||||
// await mainPage.clickFontRecordOnTypographiesBottomPanel();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickViewportTwice();
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'apply-typography-to-text.png',
|
||||
// {
|
||||
// mask: [mainPage.guides, mainPage.typographiesColorsBottomPanel],
|
||||
// },
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
// });
|
||||
const { MainPage } = require('../../pages/workspace/main-page');
|
||||
const { expect, test } = require('@playwright/test');
|
||||
const { random } = require('../../helpers/string-generator');
|
||||
const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
|
||||
const teamName = random().concat('autotest');
|
||||
|
||||
test.beforeEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const dashboardPage = new DashboardPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.mainTest();
|
||||
await teamPage.createTeam(teamName);
|
||||
await teamPage.isTeamSelected(teamName);
|
||||
await dashboardPage.createFileViaPlaceholder();
|
||||
await mainPage.isMainPageLoaded();
|
||||
});
|
||||
|
||||
test.afterEach(async ({ page }) => {
|
||||
const teamPage = new TeamPage(page);
|
||||
const mainPage = new MainPage(page);
|
||||
await mainPage.backToDashboardFromFileEditor();
|
||||
await teamPage.deleteTeam(teamName);
|
||||
});
|
||||
|
||||
test('AS-37 Filter Typographies from All Assets drop-down', async ({ page }) => {
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.selectTypeFromAllAssetsDropdown('Typographies');
|
||||
await assetsPanelPage.isAssetsSectionNameDisplayed('Typographies', '0');
|
||||
});
|
||||
|
||||
test('AS-38 Typographic styles - add from Assets panel', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickAddFileLibraryTypographyButton();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-add-typography-expanded.png',
|
||||
);
|
||||
await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-add-typography-minimized.png',
|
||||
);
|
||||
await assetsPanelPage.expandFileLibraryTypography();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-add-typography-expanded.png',
|
||||
);
|
||||
});
|
||||
|
||||
test.describe(() => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickAddFileLibraryTypographyButton();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
});
|
||||
|
||||
test('AS-40 Typographic styles - edit', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.editFileLibraryTypography();
|
||||
await assetsPanelPage.selectFont('Bellefair');
|
||||
await assetsPanelPage.selectFontSize('12');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-edit-typography-expanded.png',
|
||||
);
|
||||
await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-edit-typography-minimized.png',
|
||||
);
|
||||
await assetsPanelPage.expandFileLibraryTypography();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-edit-typography-expanded.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-41 Typographic styles - rename', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.renameFileLibraryTypography('Test Font');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-rename-typography-minimized.png',
|
||||
);
|
||||
await assetsPanelPage.expandFileLibraryTypography();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-rename-typography-expanded.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-42 Typographic styles - delete', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.deleteFileLibraryTypography();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-deleted-typography.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-43 Typographic styles - create group', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupCreated('Test Group');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'group-typographies.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-45 Typographic styles - rename group', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.renameGroupFileLibrary('New Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupCreated('New Group');
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'group-typographies-renamed.png',
|
||||
);
|
||||
});
|
||||
|
||||
test('AS-48 Typographic styles - ungroup', async ({ page }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.createGroupFileLibraryAssets('Typographies', 'Test Group');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.ungroupFileLibrary();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.isFileLibraryGroupRemoved();
|
||||
await expect(assetsPanelPage.assetsPanel).toHaveScreenshot(
|
||||
'typographies-add-typography-minimized.png',
|
||||
);
|
||||
});
|
||||
|
||||
test(
|
||||
'AS-50 Typographic styles - apply style to text from Assets panel',
|
||||
async ({ page, browserName }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.editFileLibraryTypography();
|
||||
await assetsPanelPage.selectFont('Bad Script');
|
||||
await assetsPanelPage.selectFontSize('36');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
await mainPage.createDefaultTextLayer(browserName);
|
||||
await assetsPanelPage.clickFileLibraryTypographiesTypographyRecord();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'apply-typography-to-text_from_assets.png',
|
||||
{
|
||||
mask: [mainPage.guides],
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test(
|
||||
'AS-54 Typographic styles - apply style to text from Typographies panel',
|
||||
async ({ page, browserName }) => {
|
||||
const mainPage = new MainPage(page);
|
||||
const assetsPanelPage = new AssetsPanelPage(page);
|
||||
await assetsPanelPage.editFileLibraryTypography();
|
||||
await assetsPanelPage.selectFont('Bad Script');
|
||||
await assetsPanelPage.selectFontSize('36');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.minimizeFileLibraryTypography();
|
||||
await mainPage.createDefaultTextLayer(browserName);
|
||||
await mainPage.pressOpenTypographiesBottomPanelShortcut();
|
||||
await mainPage.clickFontRecordOnTypographiesBottomPanel();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickViewportTwice();
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'apply-typography-to-text.png',
|
||||
{
|
||||
mask: [mainPage.guides, mainPage.typographiesColorsBottomPanel],
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
});
|
||||
|
|
|
@ -1,221 +1,221 @@
|
|||
// const { mainTest } = require('../../fixtures');
|
||||
// const { test, expect } = require('@playwright/test');
|
||||
// const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
// const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
// const { MainPage } = require('../../pages/workspace/main-page');
|
||||
// const { random } = require('../../helpers/string-generator');
|
||||
// const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
// const { DesignPanelPage } = require('../../pages/workspace/design-panel-page');
|
||||
// const { LayersPanelPage } = require('../../pages/workspace/layers-panel-page');
|
||||
// const { ColorPalettePage } = require('../../pages/workspace/color-palette-page');
|
||||
//
|
||||
// const teamName = random().concat('autotest');
|
||||
//
|
||||
// let dashboardPage, teamPage, mainPage, assetsPanelPage, designPanelPage, layersPanelPage, colorPalettePage;
|
||||
// test.beforeEach(async ({ page }) => {
|
||||
// dashboardPage = new DashboardPage(page);
|
||||
// teamPage = new TeamPage(page);
|
||||
// mainPage = new MainPage(page);
|
||||
// assetsPanelPage = new AssetsPanelPage(page);
|
||||
// designPanelPage = new DesignPanelPage(page);
|
||||
// layersPanelPage = new LayersPanelPage(page);
|
||||
// colorPalettePage = new ColorPalettePage(page);
|
||||
// await teamPage.createTeam(teamName);
|
||||
// await dashboardPage.createFileViaPlaceholder();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// await mainPage.createDefaultRectangleByCoordinates(300, 300);
|
||||
// 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 dashboardPage.reloadPage();
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickLibraryTitle();
|
||||
// await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
// await assetsPanelPage.dragAndDropComponentToViewport('Rectangle');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.isHeaderDisplayed('Projects');
|
||||
// await dashboardPage.isFileVisibleByName('New File 2');
|
||||
// await dashboardPage.checkNumberOfFiles('2 files');
|
||||
// await dashboardPage.deleteFileWithNameViaRightClick('New File 1');
|
||||
// await dashboardPage.clickDeleteFileButton();
|
||||
//
|
||||
// await dashboardPage.openFileWithName('New File 2');
|
||||
// await mainPage.isSecondPageNameDisplayed('Library backup');
|
||||
// });
|
||||
//
|
||||
// test.afterEach(async ({ page }) => {
|
||||
// await mainPage.backToDashboardFromFileEditor();
|
||||
// await teamPage.deleteTeam(teamName);
|
||||
// });
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1303 Check main components in Library backup',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'main-component-library-backup.png',
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1370 Rename Library backup page',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await mainPage.renamePageViaRightClick('Test', false);
|
||||
// await mainPage.isSecondPageNameDisplayed('Test');
|
||||
// await expect(layersPanelPage.layersSidebar).toHaveScreenshot(
|
||||
// 'renamed-library-backup.png',
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1371 Add/Delete main components from Library backup page',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await mainPage.createDefaultRectangleByCoordinates(200, 200);
|
||||
// await mainPage.createComponentViaRightClick();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'add-main-component-library-backup.png',
|
||||
// );
|
||||
// await layersPanelPage.deleteMainComponentViaRightClick();
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'delete-main-component-library-backup.png',
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// test.describe(() => {
|
||||
// test.beforeEach(async ({ page }, testInfo) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await mainPage.createDefaultRectangleByCoordinates(200, 200);
|
||||
// await mainPage.createComponentViaRightClick();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await layersPanelPage.deleteMainComponentViaRightClick();
|
||||
// });
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1372 Restore components, that were deleted from library backup',
|
||||
// async ({ page, browserName }) => {
|
||||
// await mainPage.clickShortcutCtrlZ(browserName);
|
||||
// await expect(mainPage.viewport).toHaveScreenshot(
|
||||
// 'restored-main-component-library-backup.png',
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
// });
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1373 Delete Library backup page',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await mainPage.deleteSecondPageViaRightClick();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.isFirstPageNameDisplayed('Page 1');
|
||||
// await expect(mainPage.pagesBlock).toHaveScreenshot(
|
||||
// 'deleted-library-backup.png'
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1374 Duplicate Library backup page',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
// await mainPage.duplicatePageViaRightClick(false);
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await expect(mainPage.pagesBlock).toHaveScreenshot(
|
||||
// 'duplicated-library-backup.png'
|
||||
// );
|
||||
// },
|
||||
// );
|
||||
//
|
||||
// mainTest(
|
||||
// 'PENPOT-1374 Check Library backup file in case of unpublishing a few shared libraries',
|
||||
// async ({ page }) => {
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.isHeaderDisplayed('Projects');
|
||||
// await dashboardPage.isFileVisibleByName('New File 2');
|
||||
//
|
||||
// await dashboardPage.createFileViaTitlePanel();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// await mainPage.createDefaultEllipseByCoordinates(200, 200);
|
||||
// await mainPage.createComponentViaRightClick();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.isHeaderDisplayed('Projects');
|
||||
// await dashboardPage.isFileVisibleByName('New File 1');
|
||||
// await dashboardPage.checkNumberOfFiles('2 files');
|
||||
// await dashboardPage.addFileWithNameAsSharedLibraryViaRightClick('New File 1');
|
||||
//
|
||||
// await dashboardPage.createFileViaTitlePanel();
|
||||
// await mainPage.isMainPageLoaded();
|
||||
// await mainPage.createDefaultTextLayer(200, 200);
|
||||
// await mainPage.createComponentViaRightClick();
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.isHeaderDisplayed('Projects');
|
||||
// await dashboardPage.checkNumberOfFiles('3 files');
|
||||
// await dashboardPage.addFileWithNameAsSharedLibraryViaRightClick('New File 3');
|
||||
//
|
||||
// await dashboardPage.openFileWithName('New File 2');
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickLibrariesButton();
|
||||
// await assetsPanelPage.isSharedLibraryVisibleByName('New File 1');
|
||||
// await assetsPanelPage.clickSharedLibraryImportButton('New File 1');
|
||||
// await assetsPanelPage.isSharedLibraryVisibleByName('New File 3');
|
||||
// await assetsPanelPage.clickSharedLibraryImportButton('New File 3');
|
||||
// await assetsPanelPage.clickCloseModalButton();
|
||||
//
|
||||
// await layersPanelPage.openLayersTab();
|
||||
// await mainPage.clickOnPageOnLayersPanel(false);
|
||||
//
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickLibraryTitleWithName('New File 1');
|
||||
// await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
// await assetsPanelPage.dragAndDropComponentToViewport('Ellipse');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
// await assetsPanelPage.clickLibraryTitleWithName('New File 1');
|
||||
// await assetsPanelPage.clickLibraryTitleWithName('New File 3');
|
||||
// await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
// await assetsPanelPage.dragAndDropComponentToViewport('Hello World!');
|
||||
// await mainPage.waitForChangeIsSaved();
|
||||
//
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.openFileWithName('New File 1');
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickLibrariesButton();
|
||||
// await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
// await assetsPanelPage.isRemoveAsSharedLibraryButtonVisible();
|
||||
// await expect(dashboardPage.deleteFileModalWindow).toHaveScreenshot(
|
||||
// 'file1-library-delete-warning.png',
|
||||
// );
|
||||
// await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
// await assetsPanelPage.isSharedLibraryBadgeNotVisible();
|
||||
// await assetsPanelPage.clickCloseModalButton();
|
||||
//
|
||||
// await mainPage.clickPencilBoxButton();
|
||||
// await dashboardPage.openFileWithName('New File 3');
|
||||
// await assetsPanelPage.clickAssetsTab();
|
||||
// await assetsPanelPage.clickLibrariesButton();
|
||||
// await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
// await assetsPanelPage.isRemoveAsSharedLibraryButtonVisible();
|
||||
// await expect(dashboardPage.deleteFileModalWindow).toHaveScreenshot(
|
||||
// 'file3-library-delete-warning.png',
|
||||
// );
|
||||
// await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
// await assetsPanelPage.isSharedLibraryBadgeNotVisible();
|
||||
// await assetsPanelPage.clickCloseModalButton();
|
||||
// },
|
||||
// );
|
||||
const { test, expect } = require('@playwright/test');
|
||||
const { DashboardPage } = require('../../pages/dashboard/dashboard-page');
|
||||
const { TeamPage } = require('../../pages/dashboard/team-page');
|
||||
const { MainPage } = require('../../pages/workspace/main-page');
|
||||
const { random } = require('../../helpers/string-generator');
|
||||
const { AssetsPanelPage } = require('../../pages/workspace/assets-panel-page');
|
||||
const { DesignPanelPage } = require('../../pages/workspace/design-panel-page');
|
||||
const { LayersPanelPage } = require('../../pages/workspace/layers-panel-page');
|
||||
const { ColorPalettePage } = require('../../pages/workspace/color-palette-page');
|
||||
|
||||
const teamName = random().concat('autotest');
|
||||
|
||||
let dashboardPage, teamPage, mainPage, assetsPanelPage, designPanelPage, layersPanelPage, colorPalettePage;
|
||||
test.beforeEach(async ({ page }) => {
|
||||
dashboardPage = new DashboardPage(page);
|
||||
teamPage = new TeamPage(page);
|
||||
mainPage = new MainPage(page);
|
||||
assetsPanelPage = new AssetsPanelPage(page);
|
||||
designPanelPage = new DesignPanelPage(page);
|
||||
layersPanelPage = new LayersPanelPage(page);
|
||||
colorPalettePage = new ColorPalettePage(page);
|
||||
await mainPage.mainTest();
|
||||
await teamPage.createTeam(teamName);
|
||||
await dashboardPage.createFileViaPlaceholder();
|
||||
await mainPage.isMainPageLoaded();
|
||||
await mainPage.createDefaultRectangleByCoordinates(300, 300);
|
||||
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 dashboardPage.reloadPage();
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickLibraryTitle();
|
||||
await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
await assetsPanelPage.dragAndDropComponentToViewport('Rectangle');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.isHeaderDisplayed('Projects');
|
||||
await dashboardPage.isFileVisibleByName('New File 2');
|
||||
await dashboardPage.checkNumberOfFiles('2 files');
|
||||
await dashboardPage.deleteFileWithNameViaRightClick('New File 1');
|
||||
await dashboardPage.clickDeleteFileButton();
|
||||
|
||||
await dashboardPage.openFileWithName('New File 2');
|
||||
await mainPage.isSecondPageNameDisplayed('Library backup');
|
||||
});
|
||||
|
||||
test.afterEach(async ({ page }) => {
|
||||
await mainPage.backToDashboardFromFileEditor();
|
||||
await teamPage.deleteTeam(teamName);
|
||||
});
|
||||
|
||||
test(
|
||||
'PENPOT-1303 Check main components in Library backup',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'main-component-library-backup.png',
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test(
|
||||
'PENPOT-1370 Rename Library backup page',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await mainPage.renamePageViaRightClick('Test', false);
|
||||
await mainPage.isSecondPageNameDisplayed('Test');
|
||||
await expect(layersPanelPage.layersSidebar).toHaveScreenshot(
|
||||
'renamed-library-backup.png',
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test(
|
||||
'PENPOT-1371 Add/Delete main components from Library backup page',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await mainPage.createDefaultRectangleByCoordinates(200, 200);
|
||||
await mainPage.createComponentViaRightClick();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'add-main-component-library-backup.png',
|
||||
);
|
||||
await layersPanelPage.deleteMainComponentViaRightClick();
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'delete-main-component-library-backup.png',
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test.describe(() => {
|
||||
test.beforeEach(async ({ page }, testInfo) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await mainPage.createDefaultRectangleByCoordinates(200, 200);
|
||||
await mainPage.createComponentViaRightClick();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await layersPanelPage.deleteMainComponentViaRightClick();
|
||||
});
|
||||
|
||||
test(
|
||||
'PENPOT-1372 Restore components, that were deleted from library backup',
|
||||
async ({ page, browserName }) => {
|
||||
await mainPage.clickShortcutCtrlZ(browserName);
|
||||
await expect(mainPage.viewport).toHaveScreenshot(
|
||||
'restored-main-component-library-backup.png',
|
||||
);
|
||||
},
|
||||
);
|
||||
});
|
||||
|
||||
test(
|
||||
'PENPOT-1373 Delete Library backup page',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await mainPage.deleteSecondPageViaRightClick();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.isFirstPageNameDisplayed('Page 1');
|
||||
await expect(mainPage.pagesBlock).toHaveScreenshot(
|
||||
'deleted-library-backup.png'
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test(
|
||||
'PENPOT-1374 Duplicate Library backup page',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
await mainPage.duplicatePageViaRightClick(false);
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await expect(mainPage.pagesBlock).toHaveScreenshot(
|
||||
'duplicated-library-backup.png'
|
||||
);
|
||||
},
|
||||
);
|
||||
|
||||
test(
|
||||
'PENPOT-1374 Check Library backup file in case of unpublishing a few shared libraries',
|
||||
async ({ page }) => {
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.isHeaderDisplayed('Projects');
|
||||
await dashboardPage.isFileVisibleByName('New File 2');
|
||||
|
||||
await dashboardPage.createFileViaTitlePanel();
|
||||
await mainPage.isMainPageLoaded();
|
||||
await mainPage.createDefaultEllipseByCoordinates(200, 200);
|
||||
await mainPage.createComponentViaRightClick();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.isHeaderDisplayed('Projects');
|
||||
await dashboardPage.isFileVisibleByName('New File 1');
|
||||
await dashboardPage.checkNumberOfFiles('2 files');
|
||||
await dashboardPage.addFileWithNameAsSharedLibraryViaRightClick('New File 1');
|
||||
|
||||
await dashboardPage.createFileViaTitlePanel();
|
||||
await mainPage.isMainPageLoaded();
|
||||
await mainPage.createDefaultTextLayer(200, 200);
|
||||
await mainPage.createComponentViaRightClick();
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.isHeaderDisplayed('Projects');
|
||||
await dashboardPage.checkNumberOfFiles('3 files');
|
||||
await dashboardPage.addFileWithNameAsSharedLibraryViaRightClick('New File 3');
|
||||
|
||||
await dashboardPage.openFileWithName('New File 2');
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickLibrariesButton();
|
||||
await assetsPanelPage.isSharedLibraryVisibleByName('New File 1');
|
||||
await assetsPanelPage.clickSharedLibraryImportButton('New File 1');
|
||||
await assetsPanelPage.isSharedLibraryVisibleByName('New File 3');
|
||||
await assetsPanelPage.clickSharedLibraryImportButton('New File 3');
|
||||
await assetsPanelPage.clickCloseModalButton();
|
||||
|
||||
await layersPanelPage.openLayersTab();
|
||||
await mainPage.clickOnPageOnLayersPanel(false);
|
||||
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickLibraryTitleWithName('New File 1');
|
||||
await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
await assetsPanelPage.dragAndDropComponentToViewport('Ellipse');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
await assetsPanelPage.clickLibraryTitleWithName('New File 1');
|
||||
await assetsPanelPage.clickLibraryTitleWithName('New File 3');
|
||||
await assetsPanelPage.clickLibraryComponentsTitle();
|
||||
await assetsPanelPage.dragAndDropComponentToViewport('Hello World!');
|
||||
await mainPage.waitForChangeIsSaved();
|
||||
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.openFileWithName('New File 1');
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickLibrariesButton();
|
||||
await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
await assetsPanelPage.isRemoveAsSharedLibraryButtonVisible();
|
||||
await expect(dashboardPage.deleteFileModalWindow).toHaveScreenshot(
|
||||
'file1-library-delete-warning.png',
|
||||
);
|
||||
await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
await assetsPanelPage.isSharedLibraryBadgeNotVisible();
|
||||
await assetsPanelPage.clickCloseModalButton();
|
||||
|
||||
await mainPage.clickPencilBoxButton();
|
||||
await dashboardPage.openFileWithName('New File 3');
|
||||
await assetsPanelPage.clickAssetsTab();
|
||||
await assetsPanelPage.clickLibrariesButton();
|
||||
await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
await assetsPanelPage.isRemoveAsSharedLibraryButtonVisible();
|
||||
await expect(dashboardPage.deleteFileModalWindow).toHaveScreenshot(
|
||||
'file3-library-delete-warning.png',
|
||||
);
|
||||
await assetsPanelPage.clickRemoveAsSharedLibraryButton();
|
||||
await assetsPanelPage.isSharedLibraryBadgeNotVisible();
|
||||
await assetsPanelPage.clickCloseModalButton();
|
||||
},
|
||||
);
|
||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user