@uuv/playwright 3.3.1 → 3.4.1

package/src/cucumber/step_definitions/playwright/generated/enriched/en/_en-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";
 /**
  * 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 a checkbox named {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "checkbox", name);
+When(`within a checkbox named {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "checkbox", 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 a checkbox named {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "checkbox", name);
+Then(`I should see a checkbox named {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "checkbox", 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 a checkbox named {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "checkbox", name);
-    }
+ `I should not see a checkbox named {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "checkbox", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ 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 checkbox named {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(`I type the sentence {string} in the checkbox named {string}`, async functi
  * 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 a checkbox named {string} and containing {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "checkbox", name, expectedTextContent);
-    }
+ `I should see a checkbox named {string} and containing {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a checkbox named {string} and containing {string} disabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "checkbox", name, expectedTextContent);
-    }
+ `I should see a checkbox named {string} and containing {string} disabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a checkbox named {string} and containing {string} enabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "checkbox", name, expectedTextContent);
-    }
+ `I should see a checkbox named {string} and containing {string} enabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "checkbox", name, expectedTextContent);
+ }
 );
 
 // End of Content Section
@@ -112,31 +113,31 @@ Then(
  * Checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `I should see a checkbox named {string} keyboard focused`,
-    async function (this: World, name: string)  {
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `I should see a checkbox named {string} keyboard focused`,
+ async function(this: World, name: string) {
+   await findWithRoleAndNameFocused(this, "checkbox", name);
+ }
 );
 
 /**
  * Move to the previous html element that can be reached with Tab and checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `the previous keyboard element focused should be a checkbox named {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("ShiftLeft+Tab");
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `the previous keyboard element focused should be a checkbox named {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("ShiftLeft+Tab");
+   await findWithRoleAndNameFocused(this, "checkbox", name);
+ }
 );
 
 /**
  * Move to the next html element that can be reached with Tab and checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `the next keyboard element focused should be a checkbox named {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("Tab");
-        await findWithRoleAndNameFocused(this, "checkbox", name);
-    }
+ `the next keyboard element focused should be a checkbox named {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/en/_en-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";
 /**
  * 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 a column header named {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "columnheader", name);
+When(`within a column header named {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "columnheader", 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 a column header named {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "columnheader", name);
+Then(`I should see a column header named {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "columnheader", 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 a column header named {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "columnheader", name);
-    }
+ `I should not see a column header named {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "columnheader", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ 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 column header named {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(`I type the sentence {string} in the column header named {string}`, async f
  * 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 a column header named {string} and containing {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "columnheader", name, expectedTextContent);
-    }
+ `I should see a column header named {string} and containing {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "columnheader", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a column header named {string} and containing {string} disabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "columnheader", name, expectedTextContent);
-    }
+ `I should see a column header named {string} and containing {string} disabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "columnheader", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a column header named {string} and containing {string} enabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "columnheader", name, expectedTextContent);
-    }
+ `I should see a column header named {string} and containing {string} enabled`,
+ 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/en/_en-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";
 /**
  * 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 a combo box named {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "combobox", name);
+When(`within a combo box named {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "combobox", 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 a combo box named {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "combobox", name);
+Then(`I should see a combo box named {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "combobox", 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 a combo box named {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "combobox", name);
-    }
+ `I should not see a combo box named {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "combobox", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ 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 combo box named {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(`I type the sentence {string} in the combo box named {string}`, async funct
  * 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 a combo box named {string} and containing {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "combobox", name, expectedTextContent);
-    }
+ `I should see a combo box named {string} and containing {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "combobox", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a combo box named {string} and containing {string} disabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "combobox", name, expectedTextContent);
-    }
+ `I should see a combo box named {string} and containing {string} disabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "combobox", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a combo box named {string} and containing {string} enabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "combobox", name, expectedTextContent);
-    }
+ `I should see a combo box named {string} and containing {string} enabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "combobox", name, expectedTextContent);
+ }
 );
 
 // End of Content Section
@@ -112,31 +113,31 @@ Then(
  * Checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `I should see a combo box named {string} keyboard focused`,
-    async function (this: World, name: string)  {
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `I should see a combo box named {string} keyboard focused`,
+ async function(this: World, name: string) {
+   await findWithRoleAndNameFocused(this, "combobox", name);
+ }
 );
 
 /**
  * Move to the previous html element that can be reached with Tab and checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `the previous keyboard element focused should be a combo box named {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("ShiftLeft+Tab");
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `the previous keyboard element focused should be a combo box named {string}`,
+ async function(this: World, name: string) {
+   await this.page.keyboard.press("ShiftLeft+Tab");
+   await findWithRoleAndNameFocused(this, "combobox", name);
+ }
 );
 
 /**
  * Move to the next html element that can be reached with Tab and checks that the Html element 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/) is focused<br/><a target='_blank' href='https://github.com/Orange-OpenSource/uuv/blob/main/example/en-keyboard.feature'>Examples</a>
  * */
 Then(
-    `the next keyboard element focused should be a combo box named {string}`,
-    async function (this: World, name: string)  {
-        await this.page.keyboard.press("Tab");
-        await findWithRoleAndNameFocused(this, "combobox", name);
-    }
+ `the next keyboard element focused should be a combo box named {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/en/_en-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";
 /**
  * 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 a command named {string}`, async function (this: World, name: string) {
-    return await withinRoleAndName(this, "command", name);
+When(`within a command named {string}`, async function(this: World, name: string) {
+  return await withinRoleAndName(this, "command", 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 a command named {string}`, async function (this: World, name: string)  {
-    await findWithRoleAndName(this, "command", name);
+Then(`I should see a command named {string}`, async function(this: World, name: string) {
+  await findWithRoleAndName(this, "command", 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 a command named {string}`,
-    async function (this: World, name: string)  {
-       await notFoundWithRoleAndName(this, "command", name);
-    }
+ `I should not see a command named {string}`,
+ async function(this: World, name: string) {
+   await notFoundWithRoleAndName(this, "command", name);
+ }
 );
 
 // End of General Section
@@ -63,12 +64,12 @@ 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 command named {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(`I type the sentence {string} in the command named {string}`, async functio
  * 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 a command named {string} and containing {string}`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContent(this, "command", name, expectedTextContent);
-    }
+ `I should see a command named {string} and containing {string}`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContent(this, "command", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a command named {string} and containing {string} disabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentDisable(this, "command", name, expectedTextContent);
-    }
+ `I should see a command named {string} and containing {string} disabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentDisable(this, "command", name, expectedTextContent);
+ }
 );
 
 /**
  * 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 a command named {string} and containing {string} enabled`,
-    async function (this: World, name: string, expectedTextContent: string)  {
-        await findWithRoleAndNameAndContentEnable(this, "command", name, expectedTextContent);
-    }
+ `I should see a command named {string} and containing {string} enabled`,
+ async function(this: World, name: string, expectedTextContent: string) {
+   await findWithRoleAndNameAndContentEnable(this, "command", name, expectedTextContent);
+ }
 );
 
 // End of Content Section