@uuv/playwright 3.4.0 → 3.4.1

package/src/cucumber/step_definitions/playwright/generated/enriched/fr/_fr-generated-steps-definition_checkbox.ts

@@ -19,13 +19,14 @@ NE PAS MODIFIER, FICHIER GENERE
 
 import { Then, When } from "@cucumber/cucumber";
 import {
-    findWithRoleAndName,
-    findWithRoleAndNameAndContent,
-    findWithRoleAndNameAndContentDisable,
-    findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
-    getPageOrElement,
-    notFoundWithRoleAndName,
-    withinRoleAndName
+  COOKIE_NAME, deleteCookieByName,
+  findWithRoleAndName,
+  findWithRoleAndNameAndContent,
+  findWithRoleAndNameAndContentDisable,
+  findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
+  getPageOrElement,
+  notFoundWithRoleAndName,
+  withinRoleAndName
 } from "../../../core-engine";
 import { World } from "../../../../../preprocessor/run/world";
 import { expect } from "@playwright/test";
@@ -35,25 +36,25 @@ import { expect } from "@playwright/test";
 /**
  * Sélectionne l'élément ayant le rôle checkbox 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 la case à cocher nommée {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "checkbox", name);
+When(`je vais à l'intérieur de la case à cocher nommée {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "checkbox", name);
 });
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle checkbox et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
-Then(`je dois voir une case à cocher nommée {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "checkbox", name);
+Then(`je dois voir une case à cocher nommée {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "checkbox", name);
 });
 
 /**
  * Vérifie l'inexistence d'un élément Html ayant le rôle checkbox et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
 Then(
-    `je ne dois pas voir une case à cocher nommée {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "checkbox", name);
-    }
+ `je ne dois pas voir une case à cocher nommée {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "checkbox", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ Then(
  * Saisie de la phrase passée en paramètre dans le champ spécifié(utile par exemple pour remplir un champ de formulaire).
  * */
 When(`je saisie le(s) mot(s) {string} dans la case à cocher nommée {string}`, async function(this: World, textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("checkbox", { name: name, includeHidden: true, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await this.context.clearCookies();
-    });
+  await getPageOrElement(this).then(async (element) => {
+    const byRole = await element.getByRole("checkbox", { name: name, includeHidden: true, exact: true });
+    await expect(byRole).toHaveCount(1);
+    await byRole.type(textToType);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
+  });
 });
 
 // End of Type Section
@@ -78,30 +79,30 @@ When(`je saisie le(s) mot(s) {string} dans la case à cocher nommée {string}`,
  * Vérifie l'existence d'un élément Html ayant le rôle checkbox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés
  * */
 Then(
-    `je dois voir une case à cocher nommée {string} et contenant {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "checkbox", name, expectedTextContent);
-    }
+ `je dois voir une case à cocher nommée {string} et contenant {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle checkbox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à false
  * */
 Then(
-    `je dois voir une case à cocher nommée {string} et contenant {string} inactif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "checkbox", name, expectedTextContent);
-    }
+ `je dois voir une case à cocher nommée {string} et contenant {string} inactif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle checkbox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à true
  * */
 Then(
-    `je dois voir une case à cocher nommée {string} et contenant {string} actif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "checkbox", name, expectedTextContent);
-    }
+ `je dois voir une case à cocher nommée {string} et contenant {string} actif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 // End of Content Section
@@ -112,31 +113,31 @@ 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `je dois voir une case à cocher nommée {string} avoir le focus clavier`,
-    async function (this: World, name: string)  {
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `je dois voir une case à cocher nommée {string} avoir le focus clavier`,
+ async function(this: World, name: string) {
+   await findWithRoleAndNameFocused(this, "checkbox", name);
+ }
 );
 
 /**
  * Se déplace au précédent élément HTML atteignable avec la tabulation et 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `le précédent élément avec le focus clavier doit être une case à cocher nommée {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("ShiftLeft+Tab");
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `le précédent élément avec le focus clavier doit être une case à cocher nommée {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("ShiftLeft+Tab");
+   await findWithRoleAndNameFocused(this, "checkbox", name);
+ }
 );
 
 /**
  * Se déplace au prochain élément HTML atteignable avec la tabulation et 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `le prochain élément avec le focus clavier doit être une case à cocher nommée {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("Tab");
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `le prochain élément avec le focus clavier doit être une case à cocher nommée {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("Tab");
+   await findWithRoleAndNameFocused(this, "checkbox", name);
+ }
 );
 // End of Keyboard Section

package/src/cucumber/step_definitions/playwright/generated/enriched/fr/_fr-generated-steps-definition_columnheader.ts

@@ -19,13 +19,14 @@ NE PAS MODIFIER, FICHIER GENERE
 
 import { Then, When } from "@cucumber/cucumber";
 import {
-    findWithRoleAndName,
-    findWithRoleAndNameAndContent,
-    findWithRoleAndNameAndContentDisable,
-    findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
-    getPageOrElement,
-    notFoundWithRoleAndName,
-    withinRoleAndName
+  COOKIE_NAME, deleteCookieByName,
+  findWithRoleAndName,
+  findWithRoleAndNameAndContent,
+  findWithRoleAndNameAndContentDisable,
+  findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
+  getPageOrElement,
+  notFoundWithRoleAndName,
+  withinRoleAndName
 } from "../../../core-engine";
 import { World } from "../../../../../preprocessor/run/world";
 import { expect } from "@playwright/test";
@@ -35,25 +36,25 @@ import { expect } from "@playwright/test";
 /**
  * Sélectionne l'élément ayant le rôle columnheader 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'en-tête de colonne nommée {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "columnheader", name);
+When(`je vais à l'intérieur de l'en-tête de colonne nommée {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "columnheader", name);
 });
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle columnheader et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
-Then(`je dois voir une en-tête de colonne nommée {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "columnheader", name);
+Then(`je dois voir une en-tête de colonne nommée {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "columnheader", name);
 });
 
 /**
  * Vérifie l'inexistence d'un élément Html ayant le rôle columnheader et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
 Then(
-    `je ne dois pas voir une en-tête de colonne nommée {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "columnheader", name);
-    }
+ `je ne dois pas voir une en-tête de colonne nommée {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "columnheader", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ Then(
  * Saisie de la phrase passée en paramètre dans le champ spécifié(utile par exemple pour remplir un champ de formulaire).
  * */
 When(`je saisie le(s) mot(s) {string} dans l'en-tête de colonne nommée {string}`, async function(this: World, textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("columnheader", { name: name, includeHidden: true, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await this.context.clearCookies();
-    });
+  await getPageOrElement(this).then(async (element) => {
+    const byRole = await element.getByRole("columnheader", { name: name, includeHidden: true, exact: true });
+    await expect(byRole).toHaveCount(1);
+    await byRole.type(textToType);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
+  });
 });
 
 // End of Type Section
@@ -78,30 +79,30 @@ When(`je saisie le(s) mot(s) {string} dans l'en-tête de colonne nommée {string
  * Vérifie l'existence d'un élément Html ayant le rôle columnheader, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés
  * */
 Then(
-    `je dois voir une en-tête de colonne nommée {string} et contenant {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "columnheader", name, expectedTextContent);
-    }
+ `je dois voir une en-tête de colonne nommée {string} et contenant {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "columnheader", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle columnheader, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à false
  * */
 Then(
-    `je dois voir une en-tête de colonne nommée {string} et contenant {string} inactif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "columnheader", name, expectedTextContent);
-    }
+ `je dois voir une en-tête de colonne nommée {string} et contenant {string} inactif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "columnheader", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle columnheader, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à true
  * */
 Then(
-    `je dois voir une en-tête de colonne nommée {string} et contenant {string} actif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "columnheader", name, expectedTextContent);
-    }
+ `je dois voir une en-tête de colonne nommée {string} et contenant {string} actif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "columnheader", name, expectedTextContent);
+ }
 );
 
 // End of Content Section

package/src/cucumber/step_definitions/playwright/generated/enriched/fr/_fr-generated-steps-definition_combobox.ts

@@ -19,13 +19,14 @@ NE PAS MODIFIER, FICHIER GENERE
 
 import { Then, When } from "@cucumber/cucumber";
 import {
-    findWithRoleAndName,
-    findWithRoleAndNameAndContent,
-    findWithRoleAndNameAndContentDisable,
-    findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
-    getPageOrElement,
-    notFoundWithRoleAndName,
-    withinRoleAndName
+  COOKIE_NAME, deleteCookieByName,
+  findWithRoleAndName,
+  findWithRoleAndNameAndContent,
+  findWithRoleAndNameAndContentDisable,
+  findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
+  getPageOrElement,
+  notFoundWithRoleAndName,
+  withinRoleAndName
 } from "../../../core-engine";
 import { World } from "../../../../../preprocessor/run/world";
 import { expect } from "@playwright/test";
@@ -35,25 +36,25 @@ import { expect } from "@playwright/test";
 /**
  * Sélectionne l'élément ayant le rôle combobox 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 la boîte à choix nommée {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "combobox", name);
+When(`je vais à l'intérieur de la boîte à choix nommée {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "combobox", name);
 });
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle combobox et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
-Then(`je dois voir une boîte à choix nommée {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "combobox", name);
+Then(`je dois voir une boîte à choix nommée {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "combobox", name);
 });
 
 /**
  * Vérifie l'inexistence d'un élément Html ayant le rôle combobox et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
 Then(
-    `je ne dois pas voir une boîte à choix nommée {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "combobox", name);
-    }
+ `je ne dois pas voir une boîte à choix nommée {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "combobox", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ Then(
  * Saisie de la phrase passée en paramètre dans le champ spécifié(utile par exemple pour remplir un champ de formulaire).
  * */
 When(`je saisie le(s) mot(s) {string} dans la boîte à choix nommée {string}`, async function(this: World, textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("combobox", { name: name, includeHidden: true, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await this.context.clearCookies();
-    });
+  await getPageOrElement(this).then(async (element) => {
+    const byRole = await element.getByRole("combobox", { name: name, includeHidden: true, exact: true });
+    await expect(byRole).toHaveCount(1);
+    await byRole.type(textToType);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
+  });
 });
 
 // End of Type Section
@@ -78,30 +79,30 @@ When(`je saisie le(s) mot(s) {string} dans la boîte à choix nommée {string}`,
  * Vérifie l'existence d'un élément Html ayant le rôle combobox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés
  * */
 Then(
-    `je dois voir une boîte à choix nommée {string} et contenant {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "combobox", name, expectedTextContent);
-    }
+ `je dois voir une boîte à choix nommée {string} et contenant {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "combobox", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle combobox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à false
  * */
 Then(
-    `je dois voir une boîte à choix nommée {string} et contenant {string} inactif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "combobox", name, expectedTextContent);
-    }
+ `je dois voir une boîte à choix nommée {string} et contenant {string} inactif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "combobox", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle combobox, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à true
  * */
 Then(
-    `je dois voir une boîte à choix nommée {string} et contenant {string} actif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "combobox", name, expectedTextContent);
-    }
+ `je dois voir une boîte à choix nommée {string} et contenant {string} actif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "combobox", name, expectedTextContent);
+ }
 );
 
 // End of Content Section
@@ -112,31 +113,31 @@ 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `je dois voir une boîte à choix nommée {string} avoir le focus clavier`,
-    async function (this: World, name: string)  {
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `je dois voir une boîte à choix nommée {string} avoir le focus clavier`,
+ async function(this: World, name: string) {
+   await findWithRoleAndNameFocused(this, "combobox", name);
+ }
 );
 
 /**
  * Se déplace au précédent élément HTML atteignable avec la tabulation et 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `le précédent élément avec le focus clavier doit être une boîte à choix nommée {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("ShiftLeft+Tab");
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `le précédent élément avec le focus clavier doit être une boîte à choix nommée {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("ShiftLeft+Tab");
+   await findWithRoleAndNameFocused(this, "combobox", name);
+ }
 );
 
 /**
  * Se déplace au prochain élément HTML atteignable avec la tabulation et 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/) a le focus clavier<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/fr-keyboard.feature'>Exemples</a>
  * */
 Then(
-    `le prochain élément avec le focus clavier doit être une boîte à choix nommée {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("Tab");
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `le prochain élément avec le focus clavier doit être une boîte à choix nommée {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("Tab");
+   await findWithRoleAndNameFocused(this, "combobox", name);
+ }
 );
 // End of Keyboard Section

package/src/cucumber/step_definitions/playwright/generated/enriched/fr/_fr-generated-steps-definition_command.ts

@@ -19,13 +19,14 @@ NE PAS MODIFIER, FICHIER GENERE
 
 import { Then, When } from "@cucumber/cucumber";
 import {
-    findWithRoleAndName,
-    findWithRoleAndNameAndContent,
-    findWithRoleAndNameAndContentDisable,
-    findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
-    getPageOrElement,
-    notFoundWithRoleAndName,
-    withinRoleAndName
+  COOKIE_NAME, deleteCookieByName,
+  findWithRoleAndName,
+  findWithRoleAndNameAndContent,
+  findWithRoleAndNameAndContentDisable,
+  findWithRoleAndNameAndContentEnable, findWithRoleAndNameFocused,
+  getPageOrElement,
+  notFoundWithRoleAndName,
+  withinRoleAndName
 } from "../../../core-engine";
 import { World } from "../../../../../preprocessor/run/world";
 import { expect } from "@playwright/test";
@@ -35,25 +36,25 @@ import { expect } from "@playwright/test";
 /**
  * Sélectionne l'élément ayant le rôle command 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 la commande nommée {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "command", name);
+When(`je vais à l'intérieur de la commande nommée {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "command", name);
 });
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle command et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
-Then(`je dois voir une commande nommée {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "command", name);
+Then(`je dois voir une commande nommée {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "command", name);
 });
 
 /**
  * Vérifie l'inexistence d'un élément Html ayant le rôle command et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) spécifiés
  * */
 Then(
-    `je ne dois pas voir une commande nommée {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "command", name);
-    }
+ `je ne dois pas voir une commande nommée {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "command", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ Then(
  * Saisie de la phrase passée en paramètre dans le champ spécifié(utile par exemple pour remplir un champ de formulaire).
  * */
 When(`je saisie le(s) mot(s) {string} dans la commande nommée {string}`, async function(this: World, textToType: string, name: string) {
-    await getPageOrElement(this).then(async (element) => {
-        const byRole = await element.getByRole("command", { name: name, includeHidden: true, exact: true });
-        await expect(byRole).toHaveCount(1);
-        await byRole.type(textToType);
-        await this.context.clearCookies();
-    });
+  await getPageOrElement(this).then(async (element) => {
+    const byRole = await element.getByRole("command", { name: name, includeHidden: true, exact: true });
+    await expect(byRole).toHaveCount(1);
+    await byRole.type(textToType);
+    await deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
+  });
 });
 
 // End of Type Section
@@ -78,30 +79,30 @@ When(`je saisie le(s) mot(s) {string} dans la commande nommée {string}`, async
  * Vérifie l'existence d'un élément Html ayant le rôle command, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le contenu spécifiés
  * */
 Then(
-    `je dois voir une commande nommée {string} et contenant {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "command", name, expectedTextContent);
-    }
+ `je dois voir une commande nommée {string} et contenant {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "command", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle command, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à false
  * */
 Then(
-    `je dois voir une commande nommée {string} et contenant {string} inactif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "command", name, expectedTextContent);
-    }
+ `je dois voir une commande nommée {string} et contenant {string} inactif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "command", name, expectedTextContent);
+ }
 );
 
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle command, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/), le contenu spécifiés et avec l'attribut disabled à true
  * */
 Then(
-    `je dois voir une commande nommée {string} et contenant {string} actif`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "command", name, expectedTextContent);
-    }
+ `je dois voir une commande nommée {string} et contenant {string} actif`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "command", name, expectedTextContent);
+ }
 );
 
 // End of Content Section