@digital-ai/devops-page-object-release 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @digital-ai/devops-page-object-release
 
+## 1.0.8
+
+### Patch Changes
+
+- c67afde: S-132898: add new functions for updated inline autocomplete listbox component
+
 ## 1.0.7
 
 ### Patch Changes

package/dist/main.js

@@ -1509,6 +1509,51 @@ class $59543fc69900e8db$export$f8e64fcf447db2bf extends (0, $f8721861c660dd88$ex
             name: 'Add'
         });
     }
+    async selectVariableFromSelector(variableName) {
+        const normalizedVariableName = variableName.replace(/^\$\{(.+)\}$/, '$1');
+        const selector = this.page.locator('.variable-dropdown .ui-autocomplete-input').first();
+        await selector.waitFor({
+            state: 'visible'
+        });
+        await selector.click();
+        await selector.clear();
+        await selector.type(normalizedVariableName, {
+            delay: 50
+        });
+        await this.page.waitForTimeout(300);
+        await selector.press('ArrowDown');
+        const options = this.page.locator('.ui-menu-item-wrapper:visible, ul.xl-components.xl-widget-autocomplete:visible li');
+        const createOption = options.filter({
+            hasText: 'Create a new variable'
+        }).filter({
+            hasText: normalizedVariableName
+        }).first();
+        if (await createOption.isVisible({
+            timeout: 1000
+        })) {
+            await createOption.click();
+            return;
+        }
+        const variableOption = options.filter({
+            hasText: variableName
+        }).first();
+        if (await variableOption.isVisible({
+            timeout: 1000
+        })) {
+            await variableOption.click();
+            return;
+        }
+        await options.filter({
+            hasText: normalizedVariableName
+        }).first().click();
+    }
+    async selectValueFromInlineDropDown(value) {
+        const editor = this.page.locator('#modal .variable-value .inline-drop-down-list-editor').first();
+        await editor.locator('.xl-btn-handler').click();
+        await editor.locator('ul.xl-components.xl-widget-autocomplete li').filter({
+            hasText: value
+        }).click();
+    }
     async openVariable(variableKey) {
         await this.page.locator(`.variables-list .variable`).getByText(variableKey).click();
         return new $59543fc69900e8db$var$VariableModal(this.page);
@@ -1546,7 +1591,7 @@ class $59543fc69900e8db$export$f8e64fcf447db2bf extends (0, $f8721861c660dd88$ex
             await this.addListValue.fill(possiblevalue);
             await this.listAddButton.click();
         }
-        await this.page.locator('.variable-value select').type(defaultValue);
+        await this.selectValueFromInlineDropDown(defaultValue);
         if (required) await this.page.getByRole('checkbox').check();
     }
     async selectVariablePasswordType(possiblevalue) {
@@ -1640,19 +1685,13 @@ class $59543fc69900e8db$export$f8e64fcf447db2bf extends (0, $f8721861c660dd88$ex
     }
     async switchPossibleValuesToVariable(variableName) {
         await this.page.locator('.variable-toggle button').click();
-        await this.page.locator('.ui-autocomplete-input').fill(variableName);
-        await this.page.locator('.ui-menu-item-wrapper').filter({
-            hasText: `${variableName}`
-        }).click();
+        await this.selectVariableFromSelector(variableName);
     }
     async selectVariableListboxTypeWithVariable(variableName, defaultValue, required) {
         await this.page.getByRole('combobox').selectOption('DropDownListBox');
         await this.page.locator('.variable-toggle button').click();
-        await this.page.locator('.ui-autocomplete-input').fill(variableName);
-        await this.page.locator('.ui-menu-item-wrapper').filter({
-            hasText: `${variableName}`
-        }).click();
-        await this.page.locator('.variable-value select').type(defaultValue);
+        await this.selectVariableFromSelector(variableName);
+        await this.selectValueFromInlineDropDown(defaultValue);
         if (required) await this.page.getByRole('checkbox').check();
         else await this.page.getByRole('checkbox').uncheck();
     }
@@ -1677,6 +1716,51 @@ class $59543fc69900e8db$var$VariableModal extends (0, $f8721861c660dd88$export$2
         super(page);
         this.dateUtil = new (0, $880df57ffbf6e614$export$9b575f14aa5e09a1)(page);
     }
+    async selectVariableFromSelector(variableName) {
+        const normalizedVariableName = variableName.replace(/^\$\{(.+)\}$/, '$1');
+        const selector = this.page.locator('#modal .variable-dropdown .ui-autocomplete-input').first();
+        await selector.waitFor({
+            state: 'visible'
+        });
+        await selector.click();
+        await selector.clear();
+        await selector.type(normalizedVariableName, {
+            delay: 50
+        });
+        await this.page.waitForTimeout(300);
+        await selector.press('ArrowDown');
+        const options = this.page.locator('.ui-menu-item-wrapper:visible, ul.xl-components.xl-widget-autocomplete:visible li');
+        const createOption = options.filter({
+            hasText: 'Create a new variable'
+        }).filter({
+            hasText: normalizedVariableName
+        }).first();
+        if (await createOption.isVisible({
+            timeout: 1000
+        })) {
+            await createOption.click();
+            return;
+        }
+        const variableOption = options.filter({
+            hasText: variableName
+        }).first();
+        if (await variableOption.isVisible({
+            timeout: 1000
+        })) {
+            await variableOption.click();
+            return;
+        }
+        await options.filter({
+            hasText: normalizedVariableName
+        }).first().click();
+    }
+    async selectValueFromInlineDropDown(value) {
+        const editor = this.page.locator('#modal .variable-value .inline-drop-down-list-editor').first();
+        await editor.locator('.xl-btn-handler').click();
+        await editor.locator('ul.xl-components.xl-widget-autocomplete li').filter({
+            hasText: value
+        }).click();
+    }
     async expectValue(locators, expectFn) {
         const [index, locator] = await (0, $ef0df8ad8a777ce6$export$a0f926f04148e5d2)(locators);
         expectFn[index](locator);
@@ -1733,7 +1817,7 @@ class $59543fc69900e8db$var$VariableModal extends (0, $f8721861c660dd88$export$2
         }
     }
     async selectVariableValue(defaultValue) {
-        await this.page.locator('.variable-value select').selectOption(defaultValue);
+        await this.selectValueFromInlineDropDown(defaultValue);
     }
     async save() {
         const saveButton = this.page.locator('#modal .modal-footer .save');
@@ -1745,29 +1829,11 @@ class $59543fc69900e8db$var$VariableModal extends (0, $f8721861c660dd88$export$2
         await (0, $kKeXs$playwrighttest.expect)(saveButton).not.toBeVisible();
     }
     async createPossibleValuesVariable(variableName) {
-        await this.page.locator('.variable-toggle button').click();
-        await (0, $kKeXs$playwrighttest.expect)(async ()=>{
-            await this.page.locator('.ui-autocomplete-input').clear();
-            await this.page.locator('.ui-autocomplete-input').fill(variableName);
-            const check = await this.page.locator('.ui-menu-item-wrapper').getByText('${' + variableName + '}', {
-                exact: true
-            }).isVisible({
-                timeout: 1000
-            });
-            if (check) await this.page.locator('.ui-menu-item-wrapper').getByText('${' + variableName + '}', {
-                exact: true
-            }).click({
-                timeout: 1000
-            });
-            else await this.page.locator('.ui-menu-item-wrapper').filter({
-                hasText: `${variableName}`
-            }).click({
-                timeout: 1000
-            });
-        }).toPass();
+        await this.page.locator('#modal .variable-toggle button').click();
+        await this.selectVariableFromSelector(variableName);
     }
     async expectVariableValueToBe(value) {
-        (0, $kKeXs$playwrighttest.expect)(await this.page.locator('.variable-value select option[selected="selected"]').textContent()).toBe(value);
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator('#modal .variable-value .inline-drop-down-list-editor input').first()).toHaveValue(value);
     }
     async expectNoVariablesInList() {
         await (0, $kKeXs$playwrighttest.expect)(this.page.getByText('No variables defined.')).toBeVisible();
@@ -6362,6 +6428,13 @@ class $506d511737b3ea46$export$74ca1eaaa9a0054 extends (0, $f8721861c660dd88$exp
             name: 'Add'
         });
     }
+    async selectValueFromInlineDropDown(value) {
+        const editor = this.page.locator('#modal .variable-value .inline-drop-down-list-editor').first();
+        await editor.locator('.xl-btn-handler').click();
+        await editor.locator('ul.xl-components.xl-widget-autocomplete li').filter({
+            hasText: value
+        }).click();
+    }
     async addVariableText(valuename) {
         await this.page.getByRole('combobox').selectOption('StringVariable');
         await this.page.locator('.variable-value input').fill(valuename);
@@ -6371,7 +6444,7 @@ class $506d511737b3ea46$export$74ca1eaaa9a0054 extends (0, $f8721861c660dd88$exp
         await this.page.getByRole('combobox').selectOption('DropDownListBox');
         await this.addListValue.fill(possiblevalue);
         await this.listAddButton.click();
-        await this.page.getByRole('combobox').nth(1).selectOption(possiblevalue);
+        await this.selectValueFromInlineDropDown(possiblevalue);
         await this.submitTheVariable();
     }
     async addVariablePassword(possiblevalue) {
@@ -7840,6 +7913,51 @@ class $fd4eef3ad2b2e612$export$a87f0ae8695e74be extends (0, $f8721861c660dd88$ex
             name: 'Add'
         });
     }
+    async selectVariableFromSelector(variableName) {
+        const normalizedVariableName = variableName.replace(/^\$\{(.+)\}$/, '$1');
+        const selector = this.page.locator('.variable-dropdown .ui-autocomplete-input').first();
+        await selector.waitFor({
+            state: 'visible'
+        });
+        await selector.click();
+        await selector.clear();
+        await selector.type(normalizedVariableName, {
+            delay: 50
+        });
+        await this.page.waitForTimeout(300);
+        await selector.press('ArrowDown');
+        const options = this.page.locator('.ui-menu-item-wrapper:visible, ul.xl-components.xl-widget-autocomplete:visible li');
+        const createOption = options.filter({
+            hasText: 'Create a new variable'
+        }).filter({
+            hasText: normalizedVariableName
+        }).first();
+        if (await createOption.isVisible({
+            timeout: 1000
+        })) {
+            await createOption.click();
+            return;
+        }
+        const variableOption = options.filter({
+            hasText: variableName
+        }).first();
+        if (await variableOption.isVisible({
+            timeout: 1000
+        })) {
+            await variableOption.click();
+            return;
+        }
+        await options.filter({
+            hasText: normalizedVariableName
+        }).first().click();
+    }
+    async selectValueFromInlineDropDown(value) {
+        const editor = this.page.locator('#modal .variable-value .inline-drop-down-list-editor').first();
+        await editor.locator('.xl-btn-handler').click();
+        await editor.locator('ul.xl-components.xl-widget-autocomplete li').filter({
+            hasText: value
+        }).click();
+    }
     async openVariable(variableKey) {
         await this.page.locator(`.variables-list .variable`).getByText(variableKey).click();
         return new $fd4eef3ad2b2e612$var$ReleaseVariableModal(this.page);
@@ -7864,7 +7982,7 @@ class $fd4eef3ad2b2e612$export$a87f0ae8695e74be extends (0, $f8721861c660dd88$ex
             await this.addListValue.fill(possiblevalue);
             await this.listAddButton.click();
         }
-        await this.page.locator('.variable-value select').type(defaultValue);
+        await this.selectValueFromInlineDropDown(defaultValue);
         if (required) await this.page.getByRole('checkbox').check();
         else await this.page.getByRole('checkbox').uncheck();
     }
@@ -7953,19 +8071,13 @@ class $fd4eef3ad2b2e612$export$a87f0ae8695e74be extends (0, $f8721861c660dd88$ex
     }
     async switchPossibleValuesToVariable(variableName) {
         await this.page.locator('.variable-toggle button').click();
-        await this.page.locator('.ui-autocomplete-input').fill(variableName);
-        await this.page.locator('.ui-menu-item-wrapper').filter({
-            hasText: `${variableName}`
-        }).click();
+        await this.selectVariableFromSelector(variableName);
     }
     async selectVariableListboxTypeWithVariable(variableName, defaultValue, required) {
         await this.page.getByRole('combobox').selectOption('DropDownListBox');
         await this.page.locator('.variable-toggle button').click();
-        await this.page.locator('.ui-autocomplete-input').fill(variableName);
-        await this.page.locator('.ui-menu-item-wrapper').filter({
-            hasText: `${variableName}`
-        }).click();
-        await this.page.locator('.variable-value select').type(defaultValue);
+        await this.selectVariableFromSelector(variableName);
+        await this.selectValueFromInlineDropDown(defaultValue);
         if (required) await this.page.getByRole('checkbox').check();
         else await this.page.getByRole('checkbox').uncheck();
     }
@@ -7975,6 +8087,51 @@ class $fd4eef3ad2b2e612$var$ReleaseVariableModal extends (0, $f8721861c660dd88$e
         super(page);
         this.dateUtil = new (0, $880df57ffbf6e614$export$9b575f14aa5e09a1)(page);
     }
+    async selectVariableFromSelector(variableName) {
+        const normalizedVariableName = variableName.replace(/^\$\{(.+)\}$/, '$1');
+        const selector = this.page.locator('#modal .variable-dropdown .ui-autocomplete-input').first();
+        await selector.waitFor({
+            state: 'visible'
+        });
+        await selector.click();
+        await selector.clear();
+        await selector.type(normalizedVariableName, {
+            delay: 50
+        });
+        await this.page.waitForTimeout(300);
+        await selector.press('ArrowDown');
+        const options = this.page.locator('.ui-menu-item-wrapper:visible, ul.xl-components.xl-widget-autocomplete:visible li');
+        const createOption = options.filter({
+            hasText: 'Create a new variable'
+        }).filter({
+            hasText: normalizedVariableName
+        }).first();
+        if (await createOption.isVisible({
+            timeout: 1000
+        })) {
+            await createOption.click();
+            return;
+        }
+        const variableOption = options.filter({
+            hasText: variableName
+        }).first();
+        if (await variableOption.isVisible({
+            timeout: 1000
+        })) {
+            await variableOption.click();
+            return;
+        }
+        await options.filter({
+            hasText: normalizedVariableName
+        }).first().click();
+    }
+    async selectValueFromInlineDropDown(value) {
+        const editor = this.page.locator('#modal .variable-value .inline-drop-down-list-editor').first();
+        await editor.locator('.xl-btn-handler').click();
+        await editor.locator('ul.xl-components.xl-widget-autocomplete li').filter({
+            hasText: value
+        }).click();
+    }
     async expectValue(locators, expectFn) {
         const [index, locator] = await (0, $ef0df8ad8a777ce6$export$a0f926f04148e5d2)(locators);
         expectFn[index](locator);
@@ -8031,7 +8188,7 @@ class $fd4eef3ad2b2e612$var$ReleaseVariableModal extends (0, $f8721861c660dd88$e
         }
     }
     async selectVariableValue(defaultValue) {
-        await this.page.locator('.variable-value select').selectOption(defaultValue);
+        await this.selectValueFromInlineDropDown(defaultValue);
     }
     async save() {
         const saveButton = this.page.locator('#modal .modal-footer .save');
@@ -8043,14 +8200,11 @@ class $fd4eef3ad2b2e612$var$ReleaseVariableModal extends (0, $f8721861c660dd88$e
         await (0, $kKeXs$playwrighttest.expect)(saveButton).not.toBeVisible();
     }
     async createPossibleValuesVariable(variableName) {
-        await this.page.locator('.variable-toggle button').click();
-        await this.page.locator('.ui-autocomplete-input').fill(variableName);
-        await this.page.locator('.ui-menu-item-wrapper').filter({
-            hasText: `${variableName}`
-        }).click();
+        await this.page.locator('#modal .variable-toggle button').click();
+        await this.selectVariableFromSelector(variableName);
     }
     async expectVariableValueToBe(value) {
-        (0, $kKeXs$playwrighttest.expect)(await this.page.locator('.variable-value select option[selected="selected"]').textContent()).toBe(value);
+        await (0, $kKeXs$playwrighttest.expect)(this.page.locator('#modal .variable-value .inline-drop-down-list-editor input').first()).toHaveValue(value);
     }
     async expectNoVariablesInList() {
         await (0, $kKeXs$playwrighttest.expect)(this.page.getByText('No variables defined.')).toBeVisible();