@umbraco/playwright-testhelpers 16.0.40 → 16.0.42

package/dist/lib/helpers/UiBaseLocators.d.ts

@@ -56,7 +56,7 @@ export declare class UiBaseLocators {
     readonly typeToFilterSearchTxt: Locator;
     readonly editorSettingsBtn: Locator;
     readonly labelAboveBtn: Locator;
-    readonly unnamedTxt: Locator;
+    readonly unnamedTabTxt: Locator;
     readonly deleteThreeDotsBtn: Locator;
     readonly removeExactBtn: Locator;
     readonly confirmBtn: Locator;
@@ -293,6 +293,7 @@ export declare class UiBaseLocators {
     clickLinkWithName(name: string, isExact?: boolean): Promise<void>;
     clickMediaPickerModalSubmitButton(): Promise<void>;
     selectMediaWithName(mediaName: string): Promise<void>;
+    selectMediaWithTestId(mediaKey: string): Promise<void>;
     clickCreateModalButton(): Promise<void>;
     clickMediaCaptionAltTextModalSubmitButton(): Promise<void>;
     enterEmbeddedURL(value: string): Promise<void>;

package/dist/lib/helpers/UiBaseLocators.js

@@ -60,7 +60,7 @@ class UiBaseLocators {
     typeToFilterSearchTxt;
     editorSettingsBtn;
     labelAboveBtn;
-    unnamedTxt;
+    unnamedTabTxt;
     deleteThreeDotsBtn;
     removeExactBtn;
     confirmBtn;
@@ -213,7 +213,8 @@ class UiBaseLocators {
         this.typeToFilterSearchTxt = page.locator('[type="search"] #input');
         this.editorSettingsBtn = page.getByLabel('Editor settings');
         this.labelAboveBtn = page.locator('button').filter({ hasText: 'Label above' });
-        this.unnamedTxt = page.getByRole('textbox', { name: 'Unnamed' });
+        // tab: means that the tab is unnamed
+        this.unnamedTabTxt = page.getByTestId('tab:').getByTestId('tab:name-input').locator('#input');
         this.deleteThreeDotsBtn = page.getByLabel('Delete…');
         this.removeExactBtn = page.getByLabel('Remove', { exact: true });
         this.confirmBtn = page.getByLabel('Confirm');
@@ -696,11 +697,11 @@ class UiBaseLocators {
         await this.addTabBtn.click();
     }
     async enterTabName(tabName) {
-        await (0, test_1.expect)(this.unnamedTxt).toBeVisible();
+        await (0, test_1.expect)(this.unnamedTabTxt).toBeVisible();
         await this.page.waitForTimeout(400);
-        await this.unnamedTxt.clear();
-        await this.unnamedTxt.fill(tabName);
-        await (0, test_1.expect)(this.page.getByRole('textbox', { name: tabName })).toBeVisible();
+        await this.unnamedTabTxt.clear();
+        await this.unnamedTabTxt.fill(tabName);
+        await (0, test_1.expect)(this.page.getByTestId('tab:' + tabName)).toBeVisible();
     }
     async searchForTypeToFilterValue(searchValue) {
         await (0, test_1.expect)(this.typeToFilterSearchTxt).toBeVisible();
@@ -1006,6 +1007,11 @@ class UiBaseLocators {
         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 selectMediaWithTestId(mediaKey) {
+        const locator = this.page.getByTestId('media:' + mediaKey);
+        await (0, test_1.expect)(locator).toBeVisible();
+        await locator.click({ position: { x: 0.5, y: 0.5 } });
+    }
     async clickCreateModalButton() {
         await (0, test_1.expect)(this.createModalBtn).toBeVisible();
         await this.createModalBtn.click();