@uuv/playwright 3.60.0 → 3.62.0

package/src/cucumber/step_definitions/playwright/generated/_fr-generated-cucumber-steps-definition.ts

@@ -15,7 +15,7 @@ NE PAS MODIFIER, FICHIER GENERE
  * understanding English or French.
  */
 
-import { DEFAULT_TIMEOUT, fs, KEY_PRESS } from "@uuv/runner-commons";
+import { fs, KEY_PRESS } from "@uuv/runner-commons";
 
 import { checkA11y, injectAxe } from "axe-playwright";
 import { devices, expect } from "@playwright/test";
@@ -23,6 +23,7 @@ import { Locator } from "playwright";
 import { DataTable } from "@cucumber/cucumber";
 import {
     addCookie,
+    typeFocusedElement,
     click,
     COOKIE_NAME,
     deleteCookieByName,
@@ -32,14 +33,22 @@ import {
     findWithRoleAndNameAndContentDisabled,
     findWithRoleAndNameAndContentEnabled,
     findWithRoleAndNameFocused,
+    getWithContent,
+    findWithSelector,
+    getWithTestId,
+    findWithTestId,
+    getWithAriaLabel,
+    findWithAriaLabel,
     getCookie,
     getPageOrElement,
     getTimeout,
     MockCookie,
     notFoundWithRoleAndName,
     SelectedElementCookie,
-    TimeoutCookie,
-    withinRoleAndName
+    setTimeout,
+    withinRoleAndName,
+    keyBoardFocusTarget,
+    clickFocusedElement
 } from "../core-engine";
 import { Given, Then, When, World } from "../../../preprocessor/run/world";
 import { ContextObject, RunOptions } from "axe-core";
@@ -84,12 +93,7 @@ Given(`je visite l'Url {string}`, async function(siteUrl: string) {
  * Déclenche un click sur l'élément sélectionné.<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>Je vais à l'intérieur...</strong>.
  * */
 When(`je clique`, async function() {
-  const keyBoardFocusTargetObj = keyBoardFocusTarget(this);
-  if ((await keyBoardFocusTargetObj.count()) === 1) {
-    await keyBoardFocusTargetObj.click({ timeout: DEFAULT_TIMEOUT });
-  } else {
-    await getPageOrElement(this).then((element: Locator) => element.click({ timeout: DEFAULT_TIMEOUT }));
-  }
+  await clickFocusedElement(this);
 });
 
 /**
@@ -129,11 +133,7 @@ When(`je reinitialise le contexte`, async function() {
  * Sélectionne l'élément dont le sélecteur est spécifié <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
  * */
 When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, async function(selector: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const locator = element.locator(selector);
-    await expect(locator).toHaveCount(1, { timeout: await getTimeout(this) });
-    await locator.focus({ timeout: 10000 });
-  });
+  await findWithSelector(this, selector);
   await addCookie(this, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.SELECTOR, selector));
 });
 
@@ -141,24 +141,24 @@ When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, as
  * Saisie de la phrase passée en paramètre (utile par exemple pour remplir un champ de formulaire).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>je vais à l'intérieur...</strong>.
  * */
 When(`je saisie le(s) mot(s) {string}`, async function(textToType: string) {
-    await type(this, textToType);
+    await typeFocusedElement(this, textToType);
 });
 
 /**
  * Saisit de la phrase passée en paramètre (utile par exemple pour remplir un champ de formulaire).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>je vais à l'intérieur...</strong>.
  * */
 When(`j'entre la valeur {string}`, async function(textToType: string) {
-    await type(this, textToType);
+    await typeFocusedElement(this, textToType);
 });
 
 /**
  * Saisie de la phrase passée en paramètre dans une cellule d'une grille ag-Grid (utile par exemple pour remplir une cellule dans une grille).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>je vais à l'intérieur...</strong>.
  * */
 When(`je saisie le(s) mot(s) {string} dans la cellule aggrid à la ligne {int} et la colonne nommée {string}`, async function(textToType: string, lineNumber: number, columnName: string) {
-    await getPageOrElement(this).then(async (element: Locator) => {
+    await getPageOrElement(this).then(async (element) => {
         // Confirm the element is a grid or treegrid
-        const elementRole = await element.getAttribute("role");
-        expect(["grid", "treegrid"], { message: "Focus element doesn't have grid/treegrid role" }).toContain(elementRole!);
+        const elementRole = await((element as Locator).getAttribute("role"));
+        await expect(["grid", "treegrid"], { message: "Focus element doesn't have grid/treegrid role" }).toContain(elementRole!);
 
         // Retrieve column index
         const columnElement = await element.getByRole("columnheader", { name: columnName, exact: true });
@@ -182,10 +182,10 @@ When(`je sélectionne la valeur {string}`, async function(valueToSet: string) {
     if ((await keyBoardFocusTargetObj.count()) === 1) {
         await keyBoardFocusTargetObj.selectOption({ label: valueToSet });
     } else {
-        await getPageOrElement(this).then(async (element: Locator) => {
+        await getPageOrElement(this).then(async (element) => {
             // console.debug(element);
-            await element.focus({ timeout: 10000 });
-            await element.selectOption({ label: valueToSet });
+            await((element as Locator).focus({ timeout: 10000 }));
+            await((element as Locator).selectOption({ label: valueToSet }));
         });
     }
 });
@@ -249,7 +249,7 @@ When(`je vais au prochain élément au clavier`, async function() {
  * Positionne le timeout (en milliseconde) pour la recherche des éléments dans le dom <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
  * */
 When(`je positionne le timeout à {int} secondes`, async function(newTimeout: number) {
-  await addCookie(this, COOKIE_NAME.TIMEOUT, new TimeoutCookie("timeout", newTimeout));
+  await setTimeout(this, newTimeout);
 });
 
 /**
@@ -264,11 +264,7 @@ When(`je vais à l'intérieur de l'élément ayant pour rôle {string} et pour n
  * */
 When(`je vais à l'intérieur de l'élément ayant pour testId {string}`, async function(testId: string) {
   testId = encodeURIComponent(testId);
-  await getPageOrElement(this).then(async (element) => {
-    const locator = element.getByTestId(testId);
-    await expect(locator).toHaveCount(1, { timeout: await getTimeout(this) });
-    await locator.focus({ timeout: 10000 });
-  });
+  await findWithTestId(this, testId);
   await addCookie(this, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.TEST_ID, testId));
 });
 
@@ -320,7 +316,7 @@ When(
  * Vérifie qu'un élément Html existe avec le sélecteur spécifié
  * */
 Then(`je dois voir un élément ayant pour sélecteur {string}`, async function(selector: string) {
-  await getPageOrElement(this).then(async (element) => expect(element.locator(selector)).toHaveCount(1, { timeout: await getTimeout(this) }));
+  await findWithSelector(this, selector);
 });
 
 /**
@@ -368,14 +364,14 @@ Then(`je dois voir un élément avec le rôle {string} et le nom {string}`, asyn
  * */
 Then(`je dois voir un élément qui contient {string}`, async function(textContent: string) {
   // TODO partie pris de faire en exactitude. A voir si on doit faire 2 phrases https://playwright.dev/docs/api/class-locator#locator-get-by-text
-  await getPageOrElement(this).then(async (element) => expect(element.getByText(textContent, { exact: true })).toHaveCount(1, { timeout: await getTimeout(this) }));
+  await expect(await getWithContent(this, textContent)).toHaveCount(1, { timeout: await getTimeout(this) });
 });
 
 /**
  * Vérifie qu'un élément Html n'existe pas avec le contenu spécifié
  * */
 Then(`je ne dois pas voir un élément qui contient {string}`, async function(textContent: string) {
-  await getPageOrElement(this).then(async (element) => expect(element.getByText(textContent, { exact: true })).toHaveCount(0, { timeout: await getTimeout(this) }));
+  await expect(await getWithContent(this, textContent)).toHaveCount(0, { timeout: await getTimeout(this) });
 });
 
 /**
@@ -383,7 +379,7 @@ Then(`je ne dois pas voir un élément qui contient {string}`, async function(te
  * */
 Then(`je dois voir un élément ayant pour testId {string}`, async function(testId: string) {
   testId = encodeURIComponent(testId);
-  await getPageOrElement(this).then(async (element) => expect(element.getByTestId(testId, { exact: true })).toHaveCount(1, { timeout: await getTimeout(this) }));
+  await findWithTestId(this, testId);
 });
 
 /**
@@ -391,7 +387,7 @@ Then(`je dois voir un élément ayant pour testId {string}`, async function(test
  * */
 Then(`je ne dois pas voir un élément ayant pour testId {string}`, async function(testId: string) {
   testId = encodeURIComponent(testId);
-  await getPageOrElement(this).then(async (element) => expect(element.getByTestId(testId, { exact: true })).toHaveCount(0, { timeout: await getTimeout(this) }));
+  await expect(await getWithTestId(this, testId)).toHaveCount(0, { timeout: await getTimeout(this) });
 });
 
 /**
@@ -515,12 +511,7 @@ Then(
 Then(
  `l'élément avec le sélecteur {string} doit avoir le focus clavier`,
  async function(selector: string) {
-   await getPageOrElement(this).then(async (element) => {
-     const locator = element.locator(selector);
-     await locator.focus({ timeout: 10000 });
-     await expect(locator).toHaveCount(1, { timeout: await getTimeout(this) });
-     await expect(locator).toBeFocused();
-   });
+    await expect((await findWithSelector(this, selector))).toBeFocused({ timeout: await getTimeout(this) });
  });
 
 /**
@@ -548,7 +539,7 @@ Then(
  * */
 Then(`je dois voir un élément ayant pour aria-label {string}`, async function(expectedAriaLabel: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
-  await getPageOrElement(this).then(async (element) => expect(element.getByLabel(expectedAriaLabel, { exact: true })).toHaveCount(1, { timeout: await getTimeout(this) }));
+  await findWithAriaLabel(this, expectedAriaLabel);
 });
 
 /**
@@ -556,7 +547,7 @@ Then(`je dois voir un élément ayant pour aria-label {string}`, async function(
  * */
 Then(`je ne dois pas voir un élément ayant pour aria-label {string}`, async function(expectedAriaLabel: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
-  await getPageOrElement(this).then(async (element) => expect(element.getByLabel(expectedAriaLabel, { exact: true })).toHaveCount(0, { timeout: await getTimeout(this) }));
+  await expect((await getWithAriaLabel(this, expectedAriaLabel))).toHaveCount(0, { timeout: await getTimeout(this) });
 });
 
 /**
@@ -564,11 +555,8 @@ Then(`je ne dois pas voir un élément ayant pour aria-label {string}`, async fu
  * */
 Then(`je dois voir un élément ayant pour aria-label {string} et pour contenu {string}`, async function(expectedAriaLabel: string, expectedTextContent: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
-  await getPageOrElement(this).then(async (element) => {
-    const byLabel = element.getByLabel(expectedAriaLabel, { exact: true });
-    await expect(byLabel).toHaveCount(1, { timeout: await getTimeout(this) });
-    await expect(byLabel.filter({ hasText: expectedTextContent })).toHaveCount(1);
-  });
+  const byLabel = await findWithAriaLabel(this, expectedAriaLabel);
+  await expect(byLabel.filter({ hasText: expectedTextContent })).toHaveCount(1);
 });
 
 /**
@@ -629,7 +617,7 @@ Then(
        const attributeName = expectedAttribute[0];
        const attributeValue = expectedAttribute[1];
        // await showAttributesInLocator(element);
-       await expect(element).toHaveAttribute(attributeName, attributeValue);
+       await expect((element as Locator)).toHaveAttribute(attributeName, attributeValue);
      }
    });
  }
@@ -667,7 +655,7 @@ Then(
         await findWithRoleAndName(this, "grid", expectedListName);
         await addCookie(this, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.SELECTOR, `role=grid[name="${expectedListName}"]`));
         await getPageOrElement(this).then(async (element) => {
-            await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
+            await expectTableToHaveContent((element as Locator), expectedElementsOfList, "gridcell");
         });
         await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
@@ -683,7 +671,7 @@ Then(
         await findWithRoleAndName(this, "treegrid", expectedListName);
         await addCookie(this, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.SELECTOR, `role=treegrid[name="${expectedListName}"]`));
         await getPageOrElement(this).then(async (element) => {
-            await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
+            await expectTableToHaveContent((element as Locator), expectedElementsOfList, "gridcell");
         });
         await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
@@ -699,7 +687,7 @@ Then(
         await findWithRoleAndName(this, "table", expectedListName);
         await addCookie(this, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.SELECTOR, `role=table[name="${expectedListName}"]`));
         await getPageOrElement(this).then(async (element) => {
-            await expectTableToHaveContent(element, expectedElementsOfList, "cell");
+            await expectTableToHaveContent((element as Locator), expectedElementsOfList, "cell");
         });
         await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
@@ -762,10 +750,6 @@ async function pressKey(world: World, key: string) {
   await addCookie(world, COOKIE_NAME.SELECTED_ELEMENT, new SelectedElementCookie(FILTER_TYPE.SELECTOR_PARENT, "*:focus"));
 }
 
-function keyBoardFocusTarget(world: World) {
-  return world.page.locator(":focus");
-}
-
 async function setMockAsConsumed(name: string, mock: MockCookie, world: World) {
   const newMockCookie = new MockCookie(name, mock.url, mock.verb);
   newMockCookie.isConsumed = true;
@@ -782,16 +766,3 @@ async function afterMock(world: World, url: string, verb: string, name: string)
     }
   }
 }
-
-async function type(world: World, textToType: string) {
-    const keyBoardFocusTargetObj = keyBoardFocusTarget(world);
-    if ((await keyBoardFocusTargetObj.count()) === 1) {
-        await keyBoardFocusTargetObj.type(textToType);
-    } else {
-        await getPageOrElement(world).then(async (element: Locator) => {
-            // console.debug(element);
-            await element.focus({ timeout: 10000 });
-            await element.type(textToType);
-        });
-    }
-}

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_alert.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -71,36 +70,22 @@ Then(
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the alert named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("alert", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "alert", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the alert named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("alert", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "alert", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see an alert named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("alert", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "alert", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_alertdialog.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -71,36 +70,22 @@ Then(
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the alert dialog named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("alertdialog", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "alertdialog", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the alert dialog named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("alertdialog", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "alertdialog", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see an alert dialog named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("alertdialog", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "alertdialog", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_application.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -71,36 +70,22 @@ Then(
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the application named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("application", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "application", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the application named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("application", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "application", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see an application named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("application", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "application", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_article.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -71,36 +70,22 @@ Then(
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the article named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("article", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "article", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the article named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("article", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "article", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see an article named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("article", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "article", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_banner.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -71,36 +70,22 @@ Then(
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the banner named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("banner", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "banner", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the banner named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("banner", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "banner", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see a banner named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("banner", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "banner", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-generated-steps-definition_button.ts

@@ -29,13 +29,12 @@ import {
     findWithRoleAndNameDisabled,
     findWithRoleAndNameEnabled,
     findWithRoleAndNameFocused,
-    getPageOrElement,
-    getTimeout,
     notFoundWithRoleAndName,
-    withinRoleAndName
+    withinRoleAndName,
+    type,
+    findWithRoleAndNameAndValue
 } from "../../../core-engine";
 import { Then, When } from "../../../../../preprocessor/run/world";
-import { expect } from "@playwright/test";
 
 // Begin of General Section
 
@@ -81,36 +80,22 @@ When(`I click on button named {string}`, async function(name: string) {
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I type the sentence {string} in the button named {string}`, async function(textToType: string, name: string) {
-  await getPageOrElement(this).then(async (element) => {
-    const byRole = await element.getByRole("button", { name: name, exact: true });
-    await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-    await byRole.type(textToType);
-    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-  });
+  await type(this, "button", name, textToType);
 });
 
 /**
  * Writes the sentence given as a parameter inside the specified field (useful for example to fill in a form field)
  * */
 When(`I enter the value {string} in the button named {string}`, async function(textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("button", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await type(this, "button", name, textToType);
 });
 
 /**
  * key.then.element.withRoleAndNameAndValue
  * */
 When(`I should see a button named {string} with value {string}`, async function(name: string, expectedValue: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("button", { name: name, exact: true });
-        await expect(byRole).toHaveCount(1, { timeout: await getTimeout(this) });
-        await expect(byRole).toHaveValue(expectedValue, { timeout: await getTimeout(this) });
-        await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
-    });
+    await findWithRoleAndNameAndValue(this, "button", name, expectedValue);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
 });
 
 // End of Type Section