@umbraco/playwright-testhelpers 17.0.0-beta.1 → 17.0.0-beta.11

package/dist/lib/helpers/UiBaseLocators.js

@@ -151,6 +151,12 @@ class UiBaseLocators {
     caretBtn;
     workspaceActionMenuBtn;
     monacoEditor;
+    createNewDocumentBlueprintBtn;
+    openedModal;
+    uiLoader;
+    createDocumentBlueprintModal;
+    entityItem;
+    sectionLinks;
     constructor(page) {
         this.page = page;
         this.saveBtn = page.getByLabel('Save', { exact: true });
@@ -213,7 +219,7 @@ class UiBaseLocators {
         this.addPropertyBtn = page.getByLabel('Add property', { exact: true });
         this.typeToFilterSearchTxt = page.locator('[type="search"] #input');
         this.editorSettingsBtn = page.getByLabel('Editor settings');
-        this.labelAboveBtn = page.locator('button').filter({ hasText: 'Label above' });
+        this.labelAboveBtn = page.locator('.appearance-option').filter({ hasText: 'Label above' });
         // tab: means that the tab is unnamed
         this.unnamedTabTxt = page.getByTestId('tab:').getByTestId('tab:name-input').locator('#input');
         this.deleteThreeDotsBtn = page.getByLabel('Delete…');
@@ -262,7 +268,9 @@ class UiBaseLocators {
         this.gridBtn = page.getByLabel('Grid');
         this.listBtn = page.getByLabel('List');
         this.viewBundleBtn = page.locator('umb-collection-view-bundle uui-button svg');
+        this.createDocumentBlueprintModal = page.locator('umb-document-blueprint-options-create-modal');
         this.createDocumentBlueprintBtn = page.getByLabel(/^Create Document Blueprint(…)?$/);
+        this.createNewDocumentBlueprintBtn = this.createDocumentBlueprintModal.locator('umb-ref-item', { hasText: 'Document Blueprint for' });
         this.chooseDocumentInputBtn = page.locator('umb-input-document').getByLabel('Choose');
         this.chooseMediaInputBtn = page.locator('umb-input-media').getByLabel('Choose');
         this.container = page.locator('#container');
@@ -287,21 +295,24 @@ class UiBaseLocators {
         this.createActionButtonCollection = page.locator('umb-collection-create-action-button');
         this.createActionBtn = this.createActionButtonCollection.locator('[label="Create"]');
         this.collectionTreeItemTableRow = page.locator('umb-collection-workspace-view umb-table uui-table-row');
-        this.folderBtn = this.createOptionActionListModal.locator('[name="Folder"]');
+        this.folderBtn = this.createOptionActionListModal.locator('umb-ref-item', { hasText: 'Folder' });
         this.reloadChildrenBtn = page.getByRole('button', { name: 'Reload children' });
         this.confirmActionModalEntityReferences = page.locator('umb-confirm-action-modal-entity-references,umb-confirm-bulk-action-modal-entity-references');
-        this.referenceHeadline = this.confirmActionModalEntityReferences.locator('#reference-headline');
-        this.entityItemRef = this.confirmActionModalEntityReferences.locator('umb-entity-item-ref');
+        this.referenceHeadline = this.confirmActionModalEntityReferences.locator('#reference-headline').first();
+        this.entityItemRef = this.confirmActionModalEntityReferences.locator('uui-ref-list').first().getByTestId('entity-item-ref');
         this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
         this.successStateIcon = this.successState.locator('#state');
         this.workspaceAction = page.locator('umb-workspace-action');
         this.caretBtn = page.locator('#caret-button');
+        this.sectionLinks = page.getByTestId('section-links');
         // Entity Action
         this.entityAction = page.locator('umb-entity-action-list umb-entity-action');
         this.openEntityAction = page.locator('#action-modal[open]').locator(this.entityAction);
         // Workspace Entity Action
         this.workspaceActionMenuBtn = page.getByTestId('workspace:action-menu-button');
         this.monacoEditor = page.locator('.monaco-editor');
+        this.openedModal = page.locator('uui-modal-container[backdrop]');
+        this.uiLoader = page.locator('uui-loader');
     }
     async clickActionsMenuForNameInSectionSidebar(name) {
         await this.sectionSidebar.locator('[label="' + name + '"]').hover();
@@ -309,6 +320,8 @@ class UiBaseLocators {
     }
     async clickActionsMenuForName(name) {
         await (0, test_1.expect)(this.page.locator('uui-menu-item[label="' + name + '"]').locator('#menu-item').first()).toBeVisible();
+        // We need to wait for the load to be finished, otherwise we would run into flaky tests
+        await this.page.waitForTimeout(2000);
         await this.page.locator('uui-menu-item[label="' + name + '"]').locator('#menu-item').first().hover({ force: true });
         await this.page.locator('uui-menu-item[label="' + name + '"] #action-modal').first().click({ force: true });
     }
@@ -583,10 +596,17 @@ class UiBaseLocators {
     async goToSection(sectionName, checkSections = true) {
         if (checkSections) {
             for (let section in ConstantHelper_1.ConstantHelper.sections) {
-                await (0, test_1.expect)(this.backOfficeHeader.getByRole('tab', { name: ConstantHelper_1.ConstantHelper.sections[section] })).toBeVisible({ timeout: 30000 });
+                await (0, test_1.expect)(this.sectionLinks.getByRole('tab', { name: ConstantHelper_1.ConstantHelper.sections[section] })).toBeVisible({ timeout: 30000 });
             }
         }
-        await this.backOfficeHeader.getByRole('tab', { name: sectionName }).click();
+        // We need to check if we are on the section tab already, if we are, then we need to reload the page instead of clicking again
+        const alreadySelected = await this.sectionLinks.locator('[active]').getByText(sectionName).isVisible();
+        if (alreadySelected) {
+            await this.page.reload();
+        }
+        else {
+            await this.backOfficeHeader.getByRole('tab', { name: sectionName }).click();
+        }
     }
     async goToSettingsTreeItem(settingsTreeItemName) {
         await this.goToSection(ConstantHelper_1.ConstantHelper.sections.settings);
@@ -1005,9 +1025,10 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.mediaPickerModalSubmitBtn).toBeVisible();
         await this.mediaPickerModalSubmitBtn.click();
     }
-    async selectMediaWithName(mediaName) {
-        await (0, test_1.expect)(this.mediaCardItems.filter({ hasText: mediaName })).toBeVisible();
-        await this.mediaCardItems.filter({ hasText: mediaName }).click({ position: { x: 0.5, y: 0.5 } });
+    async selectMediaWithName(mediaName, isForce = false) {
+        const mediaLocator = this.mediaCardItems.filter({ hasText: mediaName });
+        await (0, test_1.expect)(mediaLocator).toBeVisible();
+        await mediaLocator.click({ position: { x: 0.5, y: 0.5 }, force: isForce });
     }
     async selectMediaWithTestId(mediaKey) {
         const locator = this.page.getByTestId('media:' + mediaKey);
@@ -1080,7 +1101,7 @@ class UiBaseLocators {
         await this.folderBtn.click();
     }
     async doesReferenceHeadlineHaveText(text) {
-        await (0, test_1.expect)(this.referenceHeadline).toHaveText(text);
+        await (0, test_1.expect)(this.referenceHeadline).toContainText(text);
     }
     async isReferenceHeadlineVisible(isVisible) {
         await (0, test_1.expect)(this.referenceHeadline).toBeVisible({ visible: isVisible });
@@ -1174,8 +1195,8 @@ class UiBaseLocators {
         await this.clickEntityActionWithName('Update');
     }
     async clickModalMenuItemWithName(name) {
-        await (0, test_1.expect)(this.sidebarModal.locator('uui-menu-item[label="' + name + '"]')).toBeVisible();
-        await this.sidebarModal.locator('uui-menu-item[label="' + name + '"]').click();
+        await (0, test_1.expect)(this.openedModal.locator('uui-menu-item[label="' + name + '"]')).toBeVisible();
+        await this.openedModal.locator('uui-menu-item[label="' + name + '"]').click();
     }
     async isModalMenuItemWithNameDisabled(name) {
         await (0, test_1.expect)(this.sidebarModal.locator('uui-menu-item[label="' + name + '"]')).toHaveAttribute('disabled');
@@ -1203,6 +1224,9 @@ class UiBaseLocators {
     async clickLockActionMenuOption() {
         await this.clickEntityActionWithName('Lock');
     }
+    async isDashboardTabWithNameVisible(name, isVisible = true) {
+        await (0, test_1.expect)(this.page.locator('uui-tab[label="' + name + '"]')).toBeVisible({ visible: isVisible });
+    }
     async enterMonacoEditorValue(value) {
         await (0, test_1.expect)(this.monacoEditor).toBeVisible();
         await this.monacoEditor.click();
@@ -1210,6 +1234,12 @@ class UiBaseLocators {
         await this.page.keyboard.press('Backspace');
         await this.page.keyboard.insertText(value);
     }
+    async waitUntilUiLoaderIsNoLongerVisible() {
+        await (0, test_1.expect)(this.uiLoader).toBeVisible({ visible: false, timeout: 10000 });
+    }
+    async isWorkspaceViewTabWithAliasVisible(alias, isVisible = true) {
+        await (0, test_1.expect)(this.page.getByTestId('workspace:view-link:' + alias)).toBeVisible({ visible: isVisible });
+    }
 }
 exports.UiBaseLocators = UiBaseLocators;
 //# sourceMappingURL=UiBaseLocators.js.map