@uuv/playwright 2.10.0 → 2.11.0

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

@@ -23,19 +23,20 @@ import { devices, expect } from "@playwright/test";
 import { Page, Locator } from "playwright";
 import { DataTable } from "@cucumber/cucumber";
 import {
-  addCookieWhenValueIsList,
-  COOKIE_NAME, deleteCookieByName,
-  deleteCookieByValue,
-  FILTER_TYPE,
-  findWithRoleAndName,
-  findWithRoleAndNameAndContent,
-  findWithRoleAndNameAndContentDisable,
-  findWithRoleAndNameAndContentEnable,
-  getCookie,
-  getPageOrElement,
-  MockType,
-  notFoundWithRoleAndName,
-  withinRoleAndName
+    addCookieWhenValueIsList,
+    COOKIE_NAME, deleteCookieByName,
+    deleteCookieByValue,
+    FILTER_TYPE,
+    findWithRoleAndName,
+    findWithRoleAndNameAndContent,
+    findWithRoleAndNameAndContentDisable,
+    findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
+    getCookie,
+    getPageOrElement,
+    MockType,
+    notFoundWithRoleAndName,
+    withinRoleAndName
 } from "../core-engine";
 
 import { Given, When, Then } from "@cucumber/cucumber";
@@ -43,10 +44,16 @@ import { World } from "../../../preprocessor/run/world";
 import { ContextObject, RunOptions } from "axe-core";
 import path from "path";
 
+/**
+ * Configure les dimensions de la fenêtre avec à un des préréglages définit par le moteur d'exécution à savoir pour Cypress: [lien](https://docs.cypress.io/api/commands/viewport#Preset) et pour Playwright: [lien](https://github.com/microsoft/playwright/blob/main/packages/playwright-core/src/server/deviceDescriptorsSource.json)
+ * */
 Given(`je redimensionne la fenêtre à la vue {string}`, async function(this: World, viewportPreset: string) {
   await this.page.setViewportSize(devices[viewportPreset].viewport);
 });
 
+/**
+ * Configure les dimensions de la fenêtre à la largeur et la longueur spécifiées
+ * */
 Given(
  `je redimensionne la fenêtre avec une largeur de {int} px et une longueur de {int} px`, async function
  (this: World, width: number, height: number) {
@@ -54,79 +61,148 @@ Given(
  }
 );
 
+/**
+ * Démarre une session de navigation au clavier à partir du haut de la page
+ * */
+Given(
+    `je commence une navigation au clavier depuis le haut de la page`,
+    async function(this: World) {
+        await this.page.mouse.click(0.5, 0.5);
+        await this.page.keyboard.press("Tab");
+    }
+);
+
+/**
+ * Navigue vers l'Uri passé en paramètre (url complète étant constituée de la BASE_URL + Uri) ou navigue vers l'Url si ça commence par http:// ou https://
+ * */
 Given(`je visite l'Url {string}`, { timeout: 60 * 1000 }, async function(this: World, siteUrl: string) {
   await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
   await this.page.goto(`${siteUrl}`);
 });
 
+/**
+ * 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(this: World) {
-  await getPageOrElement(this).then((element: Locator) => element.click({ timeout: DEFAULT_TIMEOUT }));
+    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 }));
+    }
 });
 
-
+/**
+ * Déclenche un click sur le bouton avec le nom donné
+ * */
 When(`je clique sur le bouton nommé {string}`, async function(this: World, name: string) {
   await click(this, "button", name);
 });
 
+/**
+ * Déclenche un click sur un élément avec le rôle et le nom donnés
+ * */
 When(`je clique sur l'élément avec le rôle {string} et le nom {string}`, async function(this: World, role: string, name: string) {
   await click(this, role, name);
 });
 
 // TODO : permet de gérer les label accessibles donc pas que les aria : https://playwright.dev/docs/api/class-locator#locator-get-by-label
+/**
+ * Sélectionne l'élément dont l'aria-label 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 aria-label {string}`, async function(this: World, expectedAriaLabel: string) {
   const sanitizedExpectedAriaLabel = encodeURIComponent(expectedAriaLabel).replaceAll("%20", " ");
   await getPageOrElement(this).then((element) => expect(element.getByLabel(sanitizedExpectedAriaLabel, { exact: true })).toHaveCount(1));
   await addCookieWhenValueIsList(this, COOKIE_NAME.SELECTED_ELEMENT, { name: FILTER_TYPE.ARIA_LABEL, value: sanitizedExpectedAriaLabel });
 });
+
+/**
+ * Supprime l'élément sélectionné et le timeout du contexte
+ * */
 When(`je reinitialise le contexte`, async function(this: World) {
   await this.context.clearCookies();
 });
 
+/**
+ * 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(this: World, selector: string) {
   await getPageOrElement(this).then((element) => expect(element.locator(selector)).toHaveCount(1));
   await addCookieWhenValueIsList(this, COOKIE_NAME.SELECTED_ELEMENT, { name: FILTER_TYPE.SELECTOR, value: selector });
 });
 
+/**
+ * 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(`je saisie le(s) mot(s) {string}`, async function(this: World, textToType: string) {
-  await getPageOrElement(this).then(async (element: Locator) => {
-    await element.focus({ timeout: 10000 });
-    await element.type(textToType);
-    // console.debug(await showAttributesInLocator(element));
-  });
+    const keyBoardFocusTargetObj = keyBoardFocusTarget(this);
+    if ((await keyBoardFocusTargetObj.count()) === 1) {
+        await keyBoardFocusTargetObj.type(textToType);
+    } else {
+        await getPageOrElement(this).then(async (element: Locator) => {
+            // console.debug(element);
+            await element.focus({ timeout: 10000 });
+            await element.type(textToType);
+        });
+    }
 });
 
-
+/**
+ * Répète la touche le nombre de fois spécifié en utilisant | comme ceci : num|{key}
+ * */
 When(`j'appuie {int} fois sur {string}`, async function(this: World, nbTimes: number, key: string) {
   for (let i = 1; i <= nbTimes; i++) {
-    await getPageOrElement(this).then(async (element: Locator) => {
-      await element.focus({ timeout: 10000 });
-      await pressKey(this, element, key);
-    });
+    await pressKey(this, key);
   }
 });
 
+/**
+ * Simule un appui sur la touche spécifiée : <table><thead><tr><th>Touche</th><th>Description</th></tr></thead><tbody><tr><td>{tab}</td><td>Tabulation</td></tr><tr><td>{reverseTab}</td><td>Tabulation arrière</td></tr><tr><td>{down}</td><td>Flèche du bas</td></tr><tr><td>{right}</td><td>Flèche de droite</td></tr><tr><td>{left}</td><td>Flèche de gauche</td></tr><tr><td>{up}</td><td>Flèche du haut</td></tr></tbody></table>.<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'appuie sur {string}`, async function(this: World, key: string) {
-  await getPageOrElement(this).then(async (element: Locator) => {
-    await element.focus({ timeout: 10000 });
-    await pressKey(this, element, key);
-  });
+    await pressKey(this, key);
+});
+
+/**
+ * se déplace au précédent élément HTML atteignable avec la tabulation retour
+ * */
+When(`je vais au précédent élément au clavier`, async function(this: World) {
+    await this.page.keyboard.press("ShiftLeft+Tab");
+});
+
+/**
+ * se déplace au prochain élément HTML atteignable avec la tabulation
+ * */
+When(`je vais au prochain élément au clavier`, async function(this: World) {
+    await this.page.keyboard.press("Tab");
 });
+
+/**
+ * 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(this: World, newTimeout: number) {
   await this.testInfo.setTimeout(newTimeout);
 });
 
-
+/**
+ * Sélectionne l'élément dont le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <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 rôle {string} et pour nom {string}`, async function(this: World, role: string, name: string) {
   await withinRoleAndName(this, role, name);
 });
 
+/**
+ * Sélectionne l'élément dont l'attribut data-testId 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 testId {string}`, async function(this: World, testId: string) {
   testId = encodeURIComponent(testId);
   await getPageOrElement(this).then(async (element) => await expect(element.getByTestId(testId)).toHaveCount(1));
   await addCookieWhenValueIsList(this, COOKIE_NAME.SELECTED_ELEMENT, { name: FILTER_TYPE.TEST_ID, value: testId });
 });
 
-
+/**
+ * Simule une réponse d'API avec un contenu spécifique. <i>Si vous utilisez Playwright comme moteur d'exécution, les attributs <b>méthode de requête</b> et <b>nom</b> ne sont pas utilisés.</i>
+ * */
 When(
  `je simule une requête {} sur l'url {string} nommée {string} avec le contenu suivant {}`,
  async function(this: World, verb: string, url: string, name: string, body: any) {
@@ -138,6 +214,9 @@ When(
  }
 );
 
+/**
+ * Simule une réponse d'API avec un code http spécifique
+ * */
 When(
  `je simule une requête {} sur l'url {string} nommée {string} avec le code http {int}`,
  async function(this: World, verb: string, url: string, name: string, statusCode: number) {
@@ -148,6 +227,9 @@ When(
  }
 );
 
+/**
+ * Simule une réponse d'API avec un fichier spécifique ayant pour extension .json, .js, .coffee, .html, .txt, .csv, .png, .jpg, .jpeg, .gif, .tif, .tiff, .zip
+ * */
 When(
  `je simule une requête {} sur l'url {string} nommée {string} avec le fichier suivant {}`,
  async function(this: World, verb: string, url: string, name: string, fixture: any) {
@@ -159,10 +241,16 @@ 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(this: World, selector: string) {
   await getPageOrElement(this).then((element) => expect(element.locator(selector)).toHaveCount(1));
 });
 
+/**
+ * Positionne un ou plusieurs headers à la requête http indiquée et uniquement pour la méthode Http (GET / POST / etc...) passée en paramètre. <i>Si le moteur d'exécution est playwright, la <b>méthode</b> n'est pas gérée.</i>
+ * */
 When(
  `je saisie le(s) header(s) pour l'Uri {string} et la methode {string}`,
  async function(this: World, url: string, method: string, headersToSet: DataTable) {
@@ -173,6 +261,9 @@ When(
  }
 );
 
+/**
+ * Positionne un ou plusieurs headers à la requête http indiquée
+ * */
 When(
  `je saisie le(s) header(s) pour l'Uri {string}`,
  async function(this: World, url: string, headersToSet: DataTable) {
@@ -183,29 +274,47 @@ When(
  }
 );
 
+/**
+ * Vérifie qu'un élément Html existe avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
+ * */
 Then(`je dois voir un élément avec le rôle {string} et le nom {string}`, async function(this: World, role: string, name: string) {
   await findWithRoleAndName(this, role, name);
 });
 
+/**
+ * Vérifie qu'un élément Html existe avec le contenu spécifié
+ * */
 Then(`je dois voir un élément qui contient {string}`, async function(this: World, 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((element) => expect(element.getByText(textContent, { exact: true })).toHaveCount(1));
 });
 
+/**
+ * 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(this: World, textContent: string) {
   await getPageOrElement(this).then((element) => expect(element.getByText(textContent, { exact: true })).toHaveCount(0));
 });
 
+/**
+ * Vérifie qu'un élément Html existe avec l'attribut data-testid spécifié
+ * */
 Then(`je dois voir un élément ayant pour testId {string}`, async function(this: World, testId: string) {
   testId = encodeURIComponent(testId);
   await getPageOrElement(this).then((element) => expect(element.getByTestId(testId, { exact: true })).toHaveCount(1));
 });
 
+/**
+ * Vérifie qu'un élément Html n'existe pas avec l'attribut data-testid spécifié
+ * */
 Then(`je ne dois pas voir un élément ayant pour testId {string}`, async function(this: World, testId: string) {
   testId = encodeURIComponent(testId);
   await getPageOrElement(this).then((element) => expect(element.getByTestId(testId, { exact: true })).toHaveCount(0));
 });
 
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md)
+ * */
 Then(
  `je ne dois pas avoir de problèmes d'accessibilité axe-core`,
  async function(this: World) {
@@ -213,6 +322,9 @@ Then(
    await checkA11y(this.page as Page);
  });
 
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md) [avec l'option](https://github.com/dequelabs/axe-core/blob/HEAD/doc/API.md#options-parameter)
+ * */
 Then(
      `je ne dois pas avoir de problèmes d'accessibilité axe-core avec le fichier json suivant d'option {}`,
  async function(this: World, option: any) {
@@ -229,6 +341,9 @@ function getConfigDir(): string {
     return process.env["CONFIG_DIR"] ? process.env["CONFIG_DIR"] : "";
 }
 
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md) [avec l'option](https://github.com/dequelabs/axe-core/blob/HEAD/doc/API.md#options-parameter) sur le [contexte donné](https://github.com/dequelabs/axe-core/blob/HEAD/doc/API.md#context-parameter)
+ * */
 Then(
  `je ne dois pas avoir de problèmes d'accessibilité axe-core sur le fichier json suivant de contexte {} et avec le fichier json suivant d'option {}`,
  async function(this: World, context: any, option: any) {
@@ -241,6 +356,9 @@ Then(
    });
  });
 
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md) de niveau critique
+ * */
 Then(
  `je ne dois pas avoir de problèmes d'accessibilité axe-core de niveau critique`,
  async function(this: World) {
@@ -250,6 +368,9 @@ Then(
    });
  });
 
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md)avec un ou plusieurs impacts parmi : 'minor','moderate','serious','critical'
+ * */
 Then(
  `je ne dois pas avoir de problèmes d'accessibilité axe-core avec l(es) impact(s) {}`,
  async function(this: World, impacts: any) {
@@ -258,6 +379,10 @@ Then(
      includedImpacts: [impacts]
    });
  });
+
+/**
+ * Vérifie sur la page courante qu'il n'y a aucune erreur d'accessibilité [axe-core](https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md) [avec le ou les standards d'accessibilité](https://github.com/dequelabs/axe-core/blob/HEAD/doc/API.md#axe-core-tags)
+ * */
 Then(
  `je ne dois pas avoir de problèmes d'accessibilité axe-core avec le(s) standard(s) {}`,
  async function(this: World, tags: any) {
@@ -272,12 +397,19 @@ Then(
    });
  });
 
+/**
+ * Vérifie qu'un élément Html n'existe pas avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
+ * */
 Then(
  `je ne dois pas voir un élément avec le rôle {string} et le nom {string}`,
  async function(this: World, role: string, name: string) {
    await notFoundWithRoleAndName(this, role, name);
  }
 );
+
+/**
+ * Vérifie qu'un élément Html existe avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés
+ * */
 Then(
  `je dois voir un élément avec le rôle {string} et le nom {string} et pour contenu {string}`,
  async function(this: World, expectedRole: string, name: string, expectedTextContent: string) {
@@ -285,6 +417,19 @@ Then(
  }
 );
 
+/**
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) est focus
+ * */
+Then(
+    `l'élément avec le rôle {string} et le nom {string} doit avoir le focus clavier`,
+    async function(this: World, expectedRole: string, name: string) {
+        await findWithRoleAndNameFocused(this, expectedRole, name);
+    }
+);
+
+/**
+ * Vérifie qu'un élément Html existe avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés, et avec l'attribut disabled à true
+ * */
 Then(
  `je dois voir un élément avec le rôle {string} et le nom {string} et pour contenu {string} inactif`,
  async function(this: World, expectedRole: string, name: string, expectedTextContent: string) {
@@ -292,6 +437,9 @@ Then(
  }
 );
 
+/**
+ * Vérifie qu'un élément Html existe avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés et avec l'attribut disabled à false
+ * */
 Then(
  `je dois voir un élément avec le rôle {string} et le nom {string} et pour contenu {string} actif`,
  async function(this: World, expectedRole: string, name: string, expectedTextContent: string) {
@@ -299,16 +447,25 @@ Then(
  }
 );
 
+/**
+ * Vérifie qu'un élément Html existe avec l'attribut aria-label spécifié
+ * */
 Then(`je dois voir un élément ayant pour aria-label {string}`, async function(this: World, expectedAriaLabel: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
   await getPageOrElement(this).then((element) => expect(element.getByLabel(expectedAriaLabel, { exact: true })).toHaveCount(1));
 });
 
+/**
+ * Vérifie qu'un élément Html n'existe pas avec l'attribut aria-label spécifié
+ * */
 Then(`je ne dois pas voir un élément ayant pour aria-label {string}`, async function(this: World, expectedAriaLabel: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
   await getPageOrElement(this).then((element) => expect(element.getByLabel(expectedAriaLabel, { exact: true })).toHaveCount(0));
 });
 
+/**
+ * Vérifie qu'un élément Html existe avec l'attribut aria-label et le contenu spécifiés
+ * */
 Then(`je dois voir un élément ayant pour aria-label {string} et pour contenu {string}`, async function(this: World, expectedAriaLabel: string, expectedTextContent: string) {
   expectedAriaLabel = encodeURIComponent(expectedAriaLabel);
   await getPageOrElement(this).then(async (element) => {
@@ -318,6 +475,9 @@ Then(`je dois voir un élément ayant pour aria-label {string} et pour contenu {
   });
 });
 
+/**
+ * Vérifie qu'un bouchon nommé ait bien été consommé
+ * */
 Then(`je dois consommer le bouchon nommé {string}`, async function(this: World, name: string) {
   const cookie = await getCookie(this, COOKIE_NAME.MOCK_URL);
   const mockUrls: MockType[] = JSON.parse(cookie.value);
@@ -328,11 +488,17 @@ Then(`je dois consommer le bouchon nommé {string}`, async function(this: World,
   await deleteCookieByValue(this, COOKIE_NAME.MOCK_URL, mockUrl);
   // console.debug("request: ", request);
 });
-//
+
+/**
+ * Attends un nombre de millisecondes. <b>Attention:</b> Utiliser cette phrase <b>en production</b> peut rendre votre <b>test <i>flaky</i></b>.
+ * */
 Then(`j'attends {int} ms`, async function(this: World, ms: number) {
   await this.page.waitForTimeout(ms);
 });
 
+/**
+ * Vérifie des attributs Html de l'élément sélectionné
+ * */
 Then(
  `je dois voir les attributs avec valeurs suivantes`,
  async function(this: World, expectedAttributeList: DataTable) {
@@ -348,6 +514,9 @@ Then(
  }
 );
 
+/**
+ * Vérifie qu'il existe une liste avec le nom et les éléments de liste spécifiés.<br/> <u>Exemple</u>\n```gherkin\nAlors je dois voir une liste nommée "test-list" et contenant\n| Premier élément   |\n| Deuxième élément  |\n| Troisième élément   |\n```
+ * */
 Then(
  `je dois voir une liste nommée {string} et contenant`,
  async function(this: World, expectedListName: string, expectedElementsOfList: DataTable) {
@@ -367,32 +536,32 @@ Then(
  }
 );
 
-async function pressKey(world: World, element: Locator, key: string) {
-  switch (key) {
-    case KEY_PRESS.TAB:
-      await element.press("Tab");
-      break;
-    case KEY_PRESS.REVERSE_TAB:
-      await element.press("ShiftLeft+Tab");
-      break;
-    case KEY_PRESS.UP:
-      await element.press("ArrowUp");
-      break;
-    case KEY_PRESS.DOWN:
-      await element.press("ArrowDown");
-      break;
-    case KEY_PRESS.LEFT:
-      await element.press("ArrowLeft");
-      break;
-    case KEY_PRESS.RIGHT:
-      await element.press("ArrowRight");
-      break;
-    default:
-      console.error("the command" + key + " is unrecognized.");
-      break;
-  }
-  await deleteCookieByName(world, COOKIE_NAME.SELECTED_ELEMENT);
-  await addCookieWhenValueIsList(world, COOKIE_NAME.SELECTED_ELEMENT, { name: FILTER_TYPE.SELECTOR_PARENT, value: "*:focus" });
+async function pressKey(world: World, key: string) {
+    switch (key) {
+        case KEY_PRESS.TAB:
+            await world.page.keyboard.press("Tab");
+            break;
+        case KEY_PRESS.REVERSE_TAB:
+            await world.page.keyboard.press("ShiftLeft+Tab");
+            break;
+        case KEY_PRESS.UP:
+            await world.page.keyboard.press("ArrowUp");
+            break;
+        case KEY_PRESS.DOWN:
+            await world.page.keyboard.press("ArrowDown");
+            break;
+        case KEY_PRESS.LEFT:
+            await world.page.keyboard.press("ArrowLeft");
+            break;
+        case KEY_PRESS.RIGHT:
+            await world.page.keyboard.press("ArrowRight");
+            break;
+        default:
+            console.error("the command" + key + " is unrecognized.");
+            break;
+    }
+    await deleteCookieByName(world, COOKIE_NAME.SELECTED_ELEMENT);
+    await addCookieWhenValueIsList(world, COOKIE_NAME.SELECTED_ELEMENT, { name: FILTER_TYPE.SELECTOR_PARENT, value: "*:focus" });
 }
 
 async function click(world: World, role: any, name: string) {
@@ -404,4 +573,6 @@ async function click(world: World, role: any, name: string) {
   });
 }
 
-
+function keyBoardFocusTarget(world: World) {
+    return world.page.locator(":focus");
+}

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

@@ -22,7 +22,7 @@ import {
     findWithRoleAndName,
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
-    findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
     getPageOrElement,
     notFoundWithRoleAndName,
     withinRoleAndName
@@ -32,14 +32,23 @@ import { expect } from "@playwright/test";
 
 // Begin of General Section
 
+/**
+ * Selects the element whose [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) and accessible [name](https://russmaxdesign.github.io/html-elements-names/) are specified <br />⚠ remember to deselect the element with <b>[I reset context](#i-reset-context)</b> if you're no longer acting on it
+ * */
 When(`within an alert named {string}`, async function (this: World, name: string) {
     return await withinRoleAndName(this, "alert", name);
 });
 
+/**
+ * Checks that an Html element exists with the specified [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) and [name](https://russmaxdesign.github.io/html-elements-names/)
+ * */
 Then(`I should see an alert named {string}`, async function (this: World, name: string)  {
     await findWithRoleAndName(this, "alert", name);
 });
 
+/**
+ * Checks that an Html element does not exists with the specified [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) and [name](https://russmaxdesign.github.io/html-elements-names/)
+ * */
 Then(
     `I should not see an alert named {string}`,
     async function (this: World, name: string)  {
@@ -50,6 +59,9 @@ Then(
 // End of General Section
 // Begin of Type Section
 
+/**
+ * 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(this: World, textToType: string, name: string) {
     await getPageOrElement(this).then(async (element) => {
         const byRole = await element.getByRole("alert", { name: name, includeHidden: true, exact: true });
@@ -62,6 +74,9 @@ When(`I type the sentence {string} in the alert named {string}`, async function(
 // End of Type Section
 // Begin of Content Section
 
+/**
+ * Checks that an Html element exists with the specified [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), [name](https://russmaxdesign.github.io/html-elements-names/) and content
+ * */
 Then(
     `I should see an alert named {string} and containing {string}`,
     async function (this: World, name: string, expectedTextContent: string)  {
@@ -69,6 +84,9 @@ Then(
     }
 );
 
+/**
+ * Checks that an Html element exists with the specified [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), [name](https://russmaxdesign.github.io/html-elements-names/) and content, and with the disabled attribute set to true
+ * */
 Then(
     `I should see an alert named {string} and containing {string} disabled`,
     async function (this: World, name: string, expectedTextContent: string)  {
@@ -76,6 +94,9 @@ Then(
     }
 );
 
+/**
+ * Checks that an Html element exists with the specified [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types), [name](https://russmaxdesign.github.io/html-elements-names/) and content, and with the disabled attribute set to false
+ * */
 Then(
     `I should see an alert named {string} and containing {string} enabled`,
     async function (this: World, name: string, expectedTextContent: string)  {
@@ -84,3 +105,5 @@ Then(
 );
 
 // End of Content Section
+
+