@uuv/playwright 3.47.0 → 3.48.0

package/dist/cucumber/step_definitions/playwright/generated/_en-generated-cucumber-steps-definition.js

@@ -114,6 +114,25 @@ const path_1 = __importDefault(require("path"));
 (0, world_1.When)(`I enter the value {string}`, async function (textToType) {
     await type(this, textToType);
 });
+/**
+ * Writes the sentence passed as a parameter in the ag-Grid cell at the specified row and column name (useful for example to fill in a form field in ag-Grid).<br/>Make sure you've selected an ag-Grid element beforehand with the <strong>within...</strong> phrases.
+ * */
+(0, world_1.When)(`I type the sentence {string} in aggrid cell at the row {int} and column named {string}`, async function (textToType, lineNumber, columnName) {
+    await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
+        // Confirm the element is a grid or treegrid
+        const elementRole = await element.getAttribute("role");
+        (0, test_1.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 });
+        const colIndex = Number(await columnElement.getAttribute("aria-colindex")) - 1;
+        // Double click on the cell
+        const rows = await element.getByRole("row", { exact: true }).all();
+        const cellElement = (await rows[lineNumber].getByRole("gridcell", { exact: true }).all())[colIndex];
+        await cellElement.dblclick();
+        // Type text in the cell
+        await this.page.locator("[aria-label=\"Input Editor\"]").type(textToType);
+    });
+});
 /**
  * Select the combo box option passed as a parameter (useful for example to fill in a combobox form field).<br/>Make sure you've selected a combo box element beforehand with the <strong>within a combo box named 'yourComboboxNamee'</strong> phrases.
  * */
@@ -507,9 +526,11 @@ function getConfigDir() {
 (0, world_1.Then)(`I should see a grid named {string} and containing`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "grid", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=grid[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Checks that there is a treegrid with the specified [name](https://russmaxdesign.github.io/html-elements-names/) containing list items.<br/> <u>Example</u>\n```gherkin\nWhen I visit path "https://e2e-test-quest.github.io/simple-webapp/treegrid.html"\nThen I should see a treegrid named "HTML Treegrid Example" and containing\n| Make         | Model   | Price  |\n| ------------ | ------- | ------ |\n| Toyota       | Celica  | 35000  |\n| Ford         | Mondeo  | 32000  |\n| Porsche      | Boxster | 72000  |\n| BMW          | M50     | 60000  |\n| Aston Martin | DBX     | 190000 |\n```
@@ -517,9 +538,11 @@ function getConfigDir() {
 (0, world_1.Then)(`I should see a treegrid named {string} and containing`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "treegrid", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=treegrid[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Checks that there is a table with the specified [name](https://russmaxdesign.github.io/html-elements-names/) containing list items.<br/> <u>Example</u>\n```gherkin\nWhen I visit path "https://e2e-test-quest.github.io/simple-webapp/table.html"\nThen I should see a table named "test-list" and containing\n| Company                       | Contact          | Country |\n| ----------------------------- | ---------------- | ------- |\n| Alfreds Futterkiste           | Maria Anders     | Germany |\n| Centro comercial Moctezuma    | Francisco Chang  | Mexico  |\n| Ernst Handel                  | Roland Mendel    | Austria |\n| Island Trading                | Helen Bennett    | UK      |\n| Laughing Bacchus Winecellars  | Yoshi Tannamuri  | Canada  |\n| Magazzini Alimentari Riuniti  | Giovanni Rovelli | Italy   |\n```
@@ -527,9 +550,11 @@ function getConfigDir() {
 (0, world_1.Then)(`I should see a table named {string} and containing`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "table", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=table[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "cell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Checks that an Html element exists with [accessible role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) `heading`, the specified [name](https://russmaxdesign.github.io/html-elements-names/) and title level
@@ -552,8 +577,8 @@ async function expectTableToHaveContent(element, expectedElementsOfList, pCellAc
         let cellNumber = 0;
         return await Promise.all(cellsElement.map((cell) => {
             const expectedValue = expectedElementsOfList[rowNumber][cellNumber];
-            (0, test_1.expect)(cell, { message: `${cellAccessibleRole} at index [${rowNumber}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
             cellNumber++;
+            return (0, test_1.expect)(cell, { message: `${cellAccessibleRole} at index [${rowNumber + 1}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
         }));
     }));
 }

package/dist/cucumber/step_definitions/playwright/generated/_fr-generated-cucumber-steps-definition.js

@@ -103,7 +103,7 @@ const path_1 = __importDefault(require("path"));
     await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, 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>.
+ * 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>.
  * */
 (0, world_1.When)(`je saisie le(s) mot(s) {string}`, async function (textToType) {
     await type(this, textToType);
@@ -114,6 +114,25 @@ const path_1 = __importDefault(require("path"));
 (0, world_1.When)(`j'entre la valeur {string}`, async function (textToType) {
     await type(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>.
+ * */
+(0, world_1.When)(`je saisie le(s) mot(s) {string} dans la cellule aggrid à la ligne {int} et la colonne nommée {string}`, async function (textToType, lineNumber, columnName) {
+    await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
+        // Confirm the element is a grid or treegrid
+        const elementRole = await element.getAttribute("role");
+        (0, test_1.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 });
+        const colIndex = Number(await columnElement.getAttribute("aria-colindex")) - 1;
+        // Double click on the cell
+        const rows = await element.getByRole("row", { exact: true }).all();
+        const cellElement = (await rows[lineNumber].getByRole("gridcell", { exact: true }).all())[colIndex];
+        await cellElement.dblclick();
+        // Type text in the cell
+        await this.page.locator("[aria-label=\"Input Editor\"]").type(textToType);
+    });
+});
 /**
  * Sélectionne l'option passée en paramètre (utile par exemple pour remplir un champ le liste déroulante).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>je vais à l'intérieur de la liste déroulante nommée 'maListeDeroulante'</strong>.
  * */
@@ -507,9 +526,11 @@ function getConfigDir() {
 (0, world_1.Then)(`je dois voir une grille nommée {string} et contenant`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "grid", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=grid[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Vérifie qu'il existe une grille arborescente (treegrid) avec le nom et les éléments spécifiés.<br/> <u>Exemple</u>\n```gherkin\nQuand je visite l'Url "https://e2e-test-quest.github.io/simple-webapp/treegrid.html"\nAlors je dois voir une liste nommée "HTML Treegrid Example" et contenant\n| Make         | Model   | Price  |\n| ------------ | ------- | ------ |\n| Toyota       | Celica  | 35000  |\n| Ford         | Mondeo  | 32000  |\n| Porsche      | Boxster | 72000  |\n| BMW          | M50     | 60000  |\n| Aston Martin | DBX     | 190000 |\n```
@@ -517,9 +538,11 @@ function getConfigDir() {
 (0, world_1.Then)(`je dois voir une grille arborescente nommée {string} et contenant`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "treegrid", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=treegrid[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "gridcell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Vérifie qu'il existe un tableau (table) avec le nom et les éléments spécifiés.<br/> <u>Exemple</u>\n```gherkin\nQuand je visite l'Url "https://e2e-test-quest.github.io/simple-webapp/table.html"\nAlors je dois voir un tableau nommée "HTML Table Example" et contenant\n| Company                       | Contact          | Country |\n| ----------------------------- | ---------------- | ------- |\n| Alfreds Futterkiste           | Maria Anders     | Germany |\n| Centro comercial Moctezuma    | Francisco Chang  | Mexico  |\n| Ernst Handel                  | Roland Mendel    | Austria |\n| Island Trading                | Helen Bennett    | UK      |\n| Laughing Bacchus Winecellars  | Yoshi Tannamuri  | Canada  |\n| Magazzini Alimentari Riuniti  | Giovanni Rovelli | Italy   |\n```
@@ -527,9 +550,11 @@ function getConfigDir() {
 (0, world_1.Then)(`je dois voir un tableau nommé {string} et contenant`, async function (expectedListName, pExpectedElementsOfList) {
     const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
     await (0, core_engine_1.findWithRoleAndName)(this, "table", expectedListName);
+    await (0, core_engine_1.addCookie)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT, new core_engine_1.SelectedElementCookie(core_engine_1.FILTER_TYPE.SELECTOR, `role=table[name="${expectedListName}"]`));
     await (0, core_engine_1.getPageOrElement)(this).then(async (element) => {
         await expectTableToHaveContent(element, expectedElementsOfList, "cell");
     });
+    await (0, core_engine_1.deleteCookieByName)(this, core_engine_1.COOKIE_NAME.SELECTED_ELEMENT);
 });
 /**
  * Vérifie l'existence d'un élément Html ayant le rôle `heading`, le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) et le niveau spécifiés
@@ -552,8 +577,8 @@ async function expectTableToHaveContent(element, expectedElementsOfList, pCellAc
         let cellNumber = 0;
         return await Promise.all(cellsElement.map((cell) => {
             const expectedValue = expectedElementsOfList[rowNumber][cellNumber];
-            (0, test_1.expect)(cell, { message: `${cellAccessibleRole} at index [${rowNumber}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
             cellNumber++;
+            return (0, test_1.expect)(cell, { message: `${cellAccessibleRole} at index [${rowNumber + 1}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
         }));
     }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uuv/playwright",
-  "version": "3.47.0",
+  "version": "3.48.0",
   "type": "commonjs",
   "author": "Louis Fredice NJAKO MOLOM (https://github.com/luifr10) & Stanley SERVICAL (https://github.com/stanlee974)",
   "description": "A solution to facilitate the writing and execution of E2E tests understandable by any human being using cucumber(BDD) and playwright",
@@ -46,8 +46,8 @@
     "@cucumber/cucumber": "11.0.1",
     "@cucumber/tag-expressions": "6.2.0",
     "@playwright/test": "^1.55.0",
-    "@uuv/a11y": "1.0.0-beta.78",
-    "@uuv/runner-commons": "2.60.0",
+    "@uuv/a11y": "1.0.0-beta.79",
+    "@uuv/runner-commons": "2.61.0",
     "axe-core": "4.10.3",
     "axe-playwright": "2.1.0",
     "chalk-table": "1.0.2",
@@ -90,7 +90,7 @@
   },
   "devDependencies": {
     "@types/minimist": "1.2.5",
-    "@types/node": "20.12.12",
+    "@types/node": "22.18.0",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
     "chalk": "^4.1.2",
@@ -98,7 +98,7 @@
     "eslint": "8.56.0",
     "eslint-plugin-cucumber": "2.0.0",
     "eslint-plugin-jest": "27.9.0",
-    "eslint-plugin-playwright": "2.2.0",
+    "eslint-plugin-playwright": "2.2.2",
     "ts-loader": "9.5.2",
     "tsconfig-paths": "4.2.0",
     "webpack": "5.99.6"

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

@@ -151,6 +151,29 @@ When(`I enter the value {string}`, async function(textToType: string) {
     await type(this, textToType);
 });
 
+/**
+ * Writes the sentence passed as a parameter in the ag-Grid cell at the specified row and column name (useful for example to fill in a form field in ag-Grid).<br/>Make sure you've selected an ag-Grid element beforehand with the <strong>within...</strong> phrases.
+ * */
+When(`I type the sentence {string} in aggrid cell at the row {int} and column named {string}`, async function(textToType: string, lineNumber: number, columnName: string) {
+    await getPageOrElement(this).then(async (element: Locator) => {
+        // 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!);
+
+        // Retrieve column index
+        const columnElement = await element.getByRole("columnheader", { name: columnName, exact: true });
+        const colIndex = Number(await columnElement.getAttribute("aria-colindex")) - 1;
+
+        // Double click on the cell
+        const rows = await element.getByRole("row", { exact: true }).all();
+        const cellElement = (await rows[lineNumber].getByRole("gridcell", { exact: true }).all())[colIndex];
+        await cellElement.dblclick();
+
+        // Type text in the cell
+        await this.page.locator("[aria-label=\"Input Editor\"]").type(textToType);
+    });
+});
+
 /**
  * Select the combo box option passed as a parameter (useful for example to fill in a combobox form field).<br/>Make sure you've selected a combo box element beforehand with the <strong>within a combo box named 'yourComboboxNamee'</strong> phrases.
  * */
@@ -642,9 +665,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -656,9 +681,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -670,9 +697,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -699,8 +728,8 @@ async function expectTableToHaveContent(element: Locator, expectedElementsOfList
         let cellNumber = 0;
         return await Promise.all(cellsElement.map((cell: Locator) => {
             const expectedValue = expectedElementsOfList[rowNumber][cellNumber];
-            expect(cell, { message: `${cellAccessibleRole} at index [${rowNumber}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
             cellNumber++;
+            return expect(cell, { message: `${cellAccessibleRole} at index [${rowNumber + 1}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
         }));
     }));
 }

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

@@ -138,7 +138,7 @@ When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, as
 });
 
 /**
- * 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>.
+ * 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);
@@ -151,6 +151,29 @@ When(`j'entre la valeur {string}`, async function(textToType: string) {
     await type(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) => {
+        // 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!);
+
+        // Retrieve column index
+        const columnElement = await element.getByRole("columnheader", { name: columnName, exact: true });
+        const colIndex = Number(await columnElement.getAttribute("aria-colindex")) - 1;
+
+        // Double click on the cell
+        const rows = await element.getByRole("row", { exact: true }).all();
+        const cellElement = (await rows[lineNumber].getByRole("gridcell", { exact: true }).all())[colIndex];
+        await cellElement.dblclick();
+
+        // Type text in the cell
+        await this.page.locator("[aria-label=\"Input Editor\"]").type(textToType);
+    });
+});
+
 /**
  * Sélectionne l'option passée en paramètre (utile par exemple pour remplir un champ le liste déroulante).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>je vais à l'intérieur de la liste déroulante nommée 'maListeDeroulante'</strong>.
  * */
@@ -642,9 +665,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -656,9 +681,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -670,9 +697,11 @@ Then(
     async function(expectedListName: string, pExpectedElementsOfList: DataTable) {
         const expectedElementsOfList = removeHeaderSeparatorLine(pExpectedElementsOfList);
         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 deleteCookieByName(this, COOKIE_NAME.SELECTED_ELEMENT);
     }
 );
 
@@ -699,8 +728,8 @@ async function expectTableToHaveContent(element: Locator, expectedElementsOfList
         let cellNumber = 0;
         return await Promise.all(cellsElement.map((cell: Locator) => {
             const expectedValue = expectedElementsOfList[rowNumber][cellNumber];
-            expect(cell, { message: `${cellAccessibleRole} at index [${rowNumber}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
             cellNumber++;
+            return expect(cell, { message: `${cellAccessibleRole} at index [${rowNumber + 1}, ${cellNumber}] should be ${expectedValue}` }).toHaveAccessibleName(expectedValue);
         }));
     }));
 }