@uuv/cypress 2.14.0 → 2.15.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.15.0](https://github.com/Orange-OpenSource/uuv/compare/runner-cypress-v2.14.1...runner-cypress-v2.15.0) (2024-04-08)
+
+
+### Features
+
+* add keyboard navigation sentences, [#493](https://github.com/Orange-OpenSource/uuv/issues/493) ([a6135ba](https://github.com/Orange-OpenSource/uuv/commit/a6135baf8c91866081bd3cec930cada4c94e21d4))
+
+## [2.14.1](https://github.com/Orange-OpenSource/uuv/compare/runner-cypress-v2.14.0...runner-cypress-v2.14.1) (2024-04-04)
+
+
+### Bug Fixes
+
+* update nx to version 18.2.1, fixes [#562](https://github.com/Orange-OpenSource/uuv/issues/562) ([669a363](https://github.com/Orange-OpenSource/uuv/commit/669a36307b02d8aa5b41609a08e794eae335b4ed))
+
 # [2.14.0](https://github.com/Orange-OpenSource/uuv/compare/runner-cypress-v2.13.2...runner-cypress-v2.14.0) (2024-03-28)
 
 

package/dist/cucumber/step_definitions/cypress/_.common.d.ts

@@ -17,7 +17,7 @@ import Chainable = Cypress.Chainable;
 export declare const shouldGenerateA11yReport: () => boolean;
 export declare const getA11yResultFilePath: () => string;
 export declare const uuvGetContext: () => Chainable<Context>;
-export declare function uuvCheckContextFocusedElement(): Cypress.Chainable<Context>;
+export declare function uuvCheckContextWithinFocusedElement(): Cypress.Chainable<Context>;
 export declare function uuvPatchContext(partOfContext: any): Cypress.Chainable<Context>;
 export declare function uuvFindAllByRole(role: string, roleOptions: ByRoleOptions): Cypress.Chainable<JQuery<HTMLElement>>;
 export declare function uuvFindByRole(role: string, roleOptions: ByRoleOptions): Cypress.Chainable<JQuery<HTMLElement>>;

package/dist/cucumber/step_definitions/cypress/_.common.js

@@ -13,8 +13,10 @@
  * understanding English or French.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.uuvFoundedElement = exports.uuvFindByTestId = exports.uuvFindByText = exports.uuvFindByLabelText = exports.uuvFindByRole = exports.uuvFindAllByRole = exports.uuvPatchContext = exports.uuvCheckContextFocusedElement = exports.uuvGetContext = exports.getA11yResultFilePath = exports.shouldGenerateA11yReport = void 0;
+exports.uuvFoundedElement = exports.uuvFindByTestId = exports.uuvFindByText = exports.uuvFindByLabelText = exports.uuvFindByRole = exports.uuvFindAllByRole = exports.uuvPatchContext = exports.uuvCheckContextWithinFocusedElement = exports.uuvGetContext = exports.getA11yResultFilePath = exports.shouldGenerateA11yReport = void 0;
 const ENV_GENERATE_A11_REPORT = "generateA11yReport";
+const contextAlias = "context";
+const foundedChildElementAlias = "foundedChildElement";
 const shouldGenerateA11yReport = () => {
     const generateA11yReport = Cypress.env(ENV_GENERATE_A11_REPORT);
     return generateA11yReport === true;
@@ -25,27 +27,26 @@ const getA11yResultFilePath = () => {
 };
 exports.getA11yResultFilePath = getA11yResultFilePath;
 const uuvGetContext = () => {
-    return cy.get("@context");
+    return cy.get(`@${contextAlias}`);
 };
 exports.uuvGetContext = uuvGetContext;
-function uuvCheckContextFocusedElement() {
-    return cy.get("@context")
+function uuvCheckContextWithinFocusedElement() {
+    return cy.get(`@${contextAlias}`)
         .then(context => {
-        // console.log("focusedElement: ", context);
-        if (!context.focusedElement) {
+        if (!context.withinFocusedElement) {
             throw new Error("No element currently selected");
         }
         return context;
     });
 }
-exports.uuvCheckContextFocusedElement = uuvCheckContextFocusedElement;
+exports.uuvCheckContextWithinFocusedElement = uuvCheckContextWithinFocusedElement;
 /* eslint-disable  @typescript-eslint/no-explicit-any */
 function uuvPatchContext(partOfContext) {
-    return cy.get("@context").then(context => {
+    return cy.get(`@${contextAlias}`).then(context => {
         cy.wrap({
             ...context,
             ...partOfContext
-        }).as("context");
+        }).as(contextAlias);
     });
 }
 exports.uuvPatchContext = uuvPatchContext;
@@ -59,16 +60,16 @@ function addContextOptions(context, roleOptions) {
 /* eslint-disable  @typescript-eslint/ban-types */
 function abstractFindBy(callBackFunction, inputToSearch, inputOptions) {
     return cy.uuvGetContext().then(context => {
-        // console.log("context", context);
-        const parentElement = context.focusedElement;
+        // console.log(contextAlias, context);
+        const parentElement = context.withinFocusedElement;
         const options = addContextOptions(context, inputOptions);
         if (parentElement) {
             // console.log("parentElement: ", parentElement);
             return parentElement.should("exist").within(() => {
-                callBackFunction(inputToSearch, options).as("foundedChildElement");
+                callBackFunction(inputToSearch, options).as(foundedChildElementAlias);
             });
         }
-        cy.wrap(null).as("foundedChildElement");
+        cy.wrap(null).as(foundedChildElementAlias);
         return callBackFunction(inputToSearch, options);
     });
 }
@@ -98,7 +99,7 @@ function uuvFindByTestId(testId) {
 }
 exports.uuvFindByTestId = uuvFindByTestId;
 function uuvFoundedElement(subject) {
-    return cy.get("@foundedChildElement")
+    return cy.get(`@${foundedChildElementAlias}`)
         .then((response) => {
         return response !== "empty" && response !== null ? response.foundedChildElement : subject;
     });

package/dist/cucumber/step_definitions/cypress/_context.d.ts

@@ -13,6 +13,6 @@
  */
 import { IContext } from "@uuv/runner-commons";
 export declare class Context implements IContext {
-    focusedElement?: Cypress.Chainable<JQuery<HTMLElement>>;
+    withinFocusedElement: Cypress.Chainable<JQuery<HTMLElement>> | undefined;
     timeout: number | null;
 }

package/dist/cucumber/step_definitions/cypress/_context.js

@@ -16,7 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Context = void 0;
 const runner_commons_1 = require("@uuv/runner-commons");
 class Context {
-    focusedElement;
+    withinFocusedElement;
     timeout = runner_commons_1.DEFAULT_TIMEOUT;
 }
 exports.Context = Context;

package/dist/cucumber/step_definitions/cypress/a11y-engine.js

@@ -17,7 +17,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.showUvvA11yReport = exports.checkUvvA11y = exports.injectUvvA11y = void 0;
-// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
 const a11y_1 = require("@uuv/a11y");
 const rxjs_1 = require("rxjs");
 const jquery_1 = __importDefault(require("jquery"));

package/dist/cucumber/step_definitions/cypress/core-engine.d.ts

@@ -14,6 +14,7 @@
 import { Context } from "./_context";
 export declare function assertTextContent<Subject>(response: Subject, expectedTextContent: string): void;
 export declare function findWithRoleAndName(role: string, name: string): void;
+export declare function findWithRoleAndNameFocused(role: string, name: string): void;
 export declare function withinRoleAndName(role: string, name: string): Cypress.Chainable<Context>;
 export declare function notFoundWithRoleAndName(role: string, name: string): void;
 export declare function findWithRoleAndNameAndContent(expectedRole: string, name: string, expectedTextContent: string): void;

package/dist/cucumber/step_definitions/cypress/core-engine.js

@@ -13,7 +13,7 @@
  * understanding English or French.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findWithRoleAndNameAndContentEnable = exports.findWithRoleAndNameAndContentDisable = exports.findWithRoleAndNameAndContent = exports.notFoundWithRoleAndName = exports.withinRoleAndName = exports.findWithRoleAndName = exports.assertTextContent = void 0;
+exports.findWithRoleAndNameAndContentEnable = exports.findWithRoleAndNameAndContentDisable = exports.findWithRoleAndNameAndContent = exports.notFoundWithRoleAndName = exports.withinRoleAndName = exports.findWithRoleAndNameFocused = exports.findWithRoleAndName = exports.assertTextContent = void 0;
 const _context_1 = require("./_context");
 const a11y_1 = require("@uuv/a11y");
 const __common_1 = require("./_.common");
@@ -37,17 +37,24 @@ function assertTextContent(response, expectedTextContent) {
 }
 exports.assertTextContent = assertTextContent;
 function findWithRoleAndName(role, name) {
-    cy.uuvFindByRole(role, { name })
-        .uuvFoundedElement()
-        .should("exist");
+    findByRoleAndName(role, name);
 }
 exports.findWithRoleAndName = findWithRoleAndName;
+function findWithRoleAndNameFocused(role, name) {
+    findByRoleAndName(role, name)
+        .then(foundElement => {
+        cy.focused().then(focusedElement => {
+            expect(foundElement?.get(0)).eq(focusedElement?.get(0));
+        });
+    });
+}
+exports.findWithRoleAndNameFocused = findWithRoleAndNameFocused;
 function withinRoleAndName(role, name) {
     const foundedElement = cy.uuvFindByRole(role, { name, hidden: true })
         .uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 }
 exports.withinRoleAndName = withinRoleAndName;
@@ -90,3 +97,8 @@ function findWithRoleAndNameAndContentEnable(expectedRole, name, expectedTextCon
         .should("eq", undefined);
 }
 exports.findWithRoleAndNameAndContentEnable = findWithRoleAndNameAndContentEnable;
+function findByRoleAndName(role, name) {
+    return cy.uuvFindByRole(role, { name })
+        .uuvFoundedElement()
+        .should("exist");
+}

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

@@ -35,9 +35,14 @@ const a11y_1 = require("@uuv/a11y");
  * Triggers a click on the selected element.<br/>Make sure you've selected an element beforehand with the <strong>within...</strong> phrases.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`I click`, function () {
-    cy.uuvCheckContextFocusedElement().then(context => {
-        context.focusedElement.click();
-    });
+    if (haveKeyBoardFocused()) {
+        cy.focused().click();
+    }
+    else {
+        cy.uuvCheckContextWithinFocusedElement().then(context => {
+            context.withinFocusedElement.click();
+        });
+    }
 });
 /**
  * Triggers a click on the given button with specific name
@@ -55,30 +60,41 @@ const a11y_1 = require("@uuv/a11y");
  * Writes the sentence passed as a parameter (useful for example to fill in a form field).<br/>Make sure you've selected an element beforehand with the <strong>within...</strong> phrases.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`I type the sentence {string}`, function (textToType) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        context.focusedElement.focus();
-        context.focusedElement.type(textToType);
-    });
+    if (haveKeyBoardFocused()) {
+        cy.focused().type(textToType);
+    }
+    else {
+        cy.uuvCheckContextWithinFocusedElement().then((context) => {
+            context.withinFocusedElement.focus();
+            context.withinFocusedElement.type(textToType);
+        });
+    }
 });
 /**
  * Press specified key multiple times using | as: num|{key}
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`I press {int} times on {string}`, function (nbTimes, key) {
     for (let i = 1; i <= nbTimes; i++) {
-        cy.uuvCheckContextFocusedElement().then((context) => {
-            context.focusedElement.focus();
-            pressKey(context.focusedElement, key);
-        });
+        pressKey(key);
     }
 });
 /**
  * Press specified key: <table><thead><tr><th>Key</th><th>Description</th></tr></thead><tbody><tr><td>{tab}</td><td>Tabulation</td></tr><tr><td>{reverseTab}</td><td>Reverse tabulation</td></tr><tr><td>{down}</td><td>Arrow Down</td></tr><tr><td>{right}</td><td>Arrow Right</td></tr><tr><td>{left}</td><td>Arrow Left</td></tr><tr><td>{up}</td><td>Arrow Up</td></tr></tbody></table><br/>Make sure you've selected an element beforehand with the <strong>within...</strong> phrases.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`I press {string}`, function (key) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        context.focusedElement.focus();
-        pressKey(context.focusedElement, key);
-    });
+    pressKey(key);
+});
+/**
+ * Move to the previous html element that can be reached with back Tab
+ * */
+(0, cypress_cucumber_preprocessor_1.When)(`I go to previous keyboard element`, function () {
+    pressKey("{reverseTab}");
+});
+/**
+ * Move to the next html element that can be reached with Tab
+ * */
+(0, cypress_cucumber_preprocessor_1.When)(`I go to next keyboard element`, function () {
+    pressKey("{tab}");
 });
 ////////////////////////////////////////////
 // Context ACTIONS
@@ -95,6 +111,13 @@ const a11y_1 = require("@uuv/a11y");
 (0, cypress_cucumber_preprocessor_1.Given)(`I set viewport with width {int} and height {int}`, function (width, height) {
     return cy.viewport(width, height);
 });
+/**
+ * Start a keyboard navigation session from the top of the page
+ * */
+(0, cypress_cucumber_preprocessor_1.Given)(`I start a keyboard navigation from the top of the page`, function () {
+    cy.get("body").last().realClick({ x: 0.5, y: 0.5 });
+    cy.realPress("Tab");
+});
 /**
  * Sets the timeout value (in millisecond) for finding element in the DOM <br />⚠ remember to deselect the element with <b>[I reset context](#i-reset-context)</b> if you're no longer acting on it
  * */
@@ -117,7 +140,7 @@ const a11y_1 = require("@uuv/a11y");
         .uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -128,7 +151,7 @@ const a11y_1 = require("@uuv/a11y");
         .uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -136,7 +159,7 @@ const a11y_1 = require("@uuv/a11y");
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`within the element with selector {string}`, function (selector) {
     const foundedElement = cy.uuvGetContext().then(context => {
-        const parentElement = context.focusedElement;
+        const parentElement = context.withinFocusedElement;
         if (parentElement) {
             // console.log("parentElement: ", parentElement);
             return parentElement.should("exist").within(() => {
@@ -148,7 +171,7 @@ const a11y_1 = require("@uuv/a11y");
     }).uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -265,6 +288,12 @@ const a11y_1 = require("@uuv/a11y");
 (0, cypress_cucumber_preprocessor_1.Then)(`I should see an element with role {string} and name {string} and content {string}`, async function (expectedRole, name, expectedTextContent) {
     (0, core_engine_1.findWithRoleAndNameAndContent)(expectedRole, name, expectedTextContent);
 });
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`the element with role {string} and name {string} should be keyboard focused`, async function (expectedRole, name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)(expectedRole, 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), [name](https://russmaxdesign.github.io/html-elements-names/) and content, and with the disabled attribute set to true
  * */
@@ -338,8 +367,8 @@ const a11y_1 = require("@uuv/a11y");
  * Checks Html attributes of the selected element
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`I should see these attributes with values`, async function (expectedAttributeList) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        const elementToSelect = context.focusedElement;
+    cy.uuvCheckContextWithinFocusedElement().then((context) => {
+        const elementToSelect = context.withinFocusedElement;
         for (const currentIndex in expectedAttributeList.raw()) {
             const attributeName = expectedAttributeList.raw()[currentIndex][0];
             const attributeValue = expectedAttributeList.raw()[currentIndex][1];
@@ -427,37 +456,34 @@ const a11y_1 = require("@uuv/a11y");
     cy.injectUvvA11y();
     cy.checkUvvA11y(a11y_1.A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
 });
-function pressKey(context, key) {
+function pressKey(key) {
     switch (key) {
         case runner_commons_1.KEY_PRESS.TAB:
-            context.realPress("Tab");
+            cy.realPress("Tab");
             break;
         case runner_commons_1.KEY_PRESS.REVERSE_TAB:
-            context.realPress(["ShiftLeft", "Tab"]);
+            cy.realPress(["ShiftLeft", "Tab"]);
             break;
         case runner_commons_1.KEY_PRESS.UP:
-            context.realPress("ArrowUp");
+            cy.realPress("ArrowUp");
             break;
         case runner_commons_1.KEY_PRESS.DOWN:
-            context.realPress("ArrowDown");
+            cy.realPress("ArrowDown");
             break;
         case runner_commons_1.KEY_PRESS.LEFT:
-            context.realPress("ArrowLeft");
+            cy.realPress("ArrowLeft");
             break;
         case runner_commons_1.KEY_PRESS.RIGHT:
-            context.realPress("ArrowRight");
+            cy.realPress("ArrowRight");
             break;
         default:
             console.error("the command" + key + " is unrecognized.");
             break;
     }
-    cy.uuvPatchContext({
-        focusedElement: cy.focused()
-    });
 }
 function click(role, name) {
     cy.uuvGetContext().then(context => {
-        const parentElement = context.focusedElement;
+        const parentElement = context.withinFocusedElement;
         if (parentElement) {
             cy.uuvFindByRole(role, { name: name }).uuvFoundedElement().click();
             cy.wrap(new _context_1.Context()).as("context");
@@ -467,3 +493,6 @@ function click(role, name) {
         }
     });
 }
+function haveKeyBoardFocused() {
+    return Cypress.$(":focus").length > 0;
+}

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

@@ -35,9 +35,14 @@ const a11y_1 = require("@uuv/a11y");
  * 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>.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`je clique`, function () {
-    cy.uuvCheckContextFocusedElement().then(context => {
-        context.focusedElement.click();
-    });
+    if (haveKeyBoardFocused()) {
+        cy.focused().click();
+    }
+    else {
+        cy.uuvCheckContextWithinFocusedElement().then(context => {
+            context.withinFocusedElement.click();
+        });
+    }
 });
 /**
  * Déclenche un click sur le bouton avec le nom donné
@@ -55,30 +60,41 @@ const a11y_1 = require("@uuv/a11y");
  * 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>.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`je saisie le(s) mot(s) {string}`, function (textToType) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        context.focusedElement.focus();
-        context.focusedElement.type(textToType);
-    });
+    if (haveKeyBoardFocused()) {
+        cy.focused().type(textToType);
+    }
+    else {
+        cy.uuvCheckContextWithinFocusedElement().then((context) => {
+            context.withinFocusedElement.focus();
+            context.withinFocusedElement.type(textToType);
+        });
+    }
 });
 /**
  * Répète la touche le nombre de fois spécifié en utilisant | comme ceci : num|{key}
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`j'appuie {int} fois sur {string}`, function (nbTimes, key) {
     for (let i = 1; i <= nbTimes; i++) {
-        cy.uuvCheckContextFocusedElement().then((context) => {
-            context.focusedElement.focus();
-            pressKey(context.focusedElement, key);
-        });
+        pressKey(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>.
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`j'appuie sur {string}`, function (key) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        context.focusedElement.focus();
-        pressKey(context.focusedElement, key);
-    });
+    pressKey(key);
+});
+/**
+ * se déplace au précédent élément HTML atteignable avec la tabulation retour
+ * */
+(0, cypress_cucumber_preprocessor_1.When)(`je vais au précédent élément au clavier`, function () {
+    pressKey("{reverseTab}");
+});
+/**
+ * se déplace au prochain élément HTML atteignable avec la tabulation
+ * */
+(0, cypress_cucumber_preprocessor_1.When)(`je vais au prochain élément au clavier`, function () {
+    pressKey("{tab}");
 });
 ////////////////////////////////////////////
 // Context ACTIONS
@@ -95,6 +111,13 @@ const a11y_1 = require("@uuv/a11y");
 (0, cypress_cucumber_preprocessor_1.Given)(`je redimensionne la fenêtre avec une largeur de {int} px et une longueur de {int} px`, function (width, height) {
     return cy.viewport(width, height);
 });
+/**
+ * Démarre une session de navigation au clavier à partir du haut de la page
+ * */
+(0, cypress_cucumber_preprocessor_1.Given)(`je commence une navigation au clavier depuis le haut de la page`, function () {
+    cy.get("body").last().realClick({ x: 0.5, y: 0.5 });
+    cy.realPress("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
  * */
@@ -117,7 +140,7 @@ const a11y_1 = require("@uuv/a11y");
         .uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -128,7 +151,7 @@ const a11y_1 = require("@uuv/a11y");
         .uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -136,7 +159,7 @@ const a11y_1 = require("@uuv/a11y");
  * */
 (0, cypress_cucumber_preprocessor_1.When)(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, function (selector) {
     const foundedElement = cy.uuvGetContext().then(context => {
-        const parentElement = context.focusedElement;
+        const parentElement = context.withinFocusedElement;
         if (parentElement) {
             // console.log("parentElement: ", parentElement);
             return parentElement.should("exist").within(() => {
@@ -148,7 +171,7 @@ const a11y_1 = require("@uuv/a11y");
     }).uuvFoundedElement()
         .should("exist");
     return cy.uuvPatchContext({
-        focusedElement: foundedElement
+        withinFocusedElement: foundedElement
     });
 });
 /**
@@ -265,6 +288,12 @@ const a11y_1 = require("@uuv/a11y");
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un élément avec le rôle {string} et le nom {string} et pour contenu {string}`, async function (expectedRole, name, expectedTextContent) {
     (0, core_engine_1.findWithRoleAndNameAndContent)(expectedRole, name, expectedTextContent);
 });
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`l'élément avec le rôle {string} et le nom {string} doit avoir le focus clavier`, async function (expectedRole, name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)(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
  * */
@@ -338,8 +367,8 @@ const a11y_1 = require("@uuv/a11y");
  * Vérifie des attributs Html de l'élément sélectionné
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir les attributs avec valeurs suivantes`, async function (expectedAttributeList) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-        const elementToSelect = context.focusedElement;
+    cy.uuvCheckContextWithinFocusedElement().then((context) => {
+        const elementToSelect = context.withinFocusedElement;
         for (const currentIndex in expectedAttributeList.raw()) {
             const attributeName = expectedAttributeList.raw()[currentIndex][0];
             const attributeValue = expectedAttributeList.raw()[currentIndex][1];
@@ -427,37 +456,34 @@ const a11y_1 = require("@uuv/a11y");
     cy.injectUvvA11y();
     cy.checkUvvA11y(a11y_1.A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
 });
-function pressKey(context, key) {
+function pressKey(key) {
     switch (key) {
         case runner_commons_1.KEY_PRESS.TAB:
-            context.realPress("Tab");
+            cy.realPress("Tab");
             break;
         case runner_commons_1.KEY_PRESS.REVERSE_TAB:
-            context.realPress(["ShiftLeft", "Tab"]);
+            cy.realPress(["ShiftLeft", "Tab"]);
             break;
         case runner_commons_1.KEY_PRESS.UP:
-            context.realPress("ArrowUp");
+            cy.realPress("ArrowUp");
             break;
         case runner_commons_1.KEY_PRESS.DOWN:
-            context.realPress("ArrowDown");
+            cy.realPress("ArrowDown");
             break;
         case runner_commons_1.KEY_PRESS.LEFT:
-            context.realPress("ArrowLeft");
+            cy.realPress("ArrowLeft");
             break;
         case runner_commons_1.KEY_PRESS.RIGHT:
-            context.realPress("ArrowRight");
+            cy.realPress("ArrowRight");
             break;
         default:
             console.error("the command" + key + " is unrecognized.");
             break;
     }
-    cy.uuvPatchContext({
-        focusedElement: cy.focused()
-    });
 }
 function click(role, name) {
     cy.uuvGetContext().then(context => {
-        const parentElement = context.focusedElement;
+        const parentElement = context.withinFocusedElement;
         if (parentElement) {
             cy.uuvFindByRole(role, { name: name }).uuvFoundedElement().click();
             cy.wrap(new _context_1.Context()).as("context");
@@ -467,3 +493,6 @@ function click(role, name) {
         }
     });
 }
+function haveKeyBoardFocused() {
+    return Cypress.$(":focus").length > 0;
+}

package/dist/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_button.js

@@ -67,3 +67,11 @@ const core_engine_1 = require("../../../core-engine");
     (0, core_engine_1.findWithRoleAndNameAndContentEnable)("button", name, expectedTextContent);
 });
 // End of Content Section
+// Begin of Keyboard Section
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`I should see a button named {string} keyboard focused`, async function (name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)("button", name);
+});
+// End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_checkbox.js

@@ -67,3 +67,11 @@ const core_engine_1 = require("../../../core-engine");
     (0, core_engine_1.findWithRoleAndNameAndContentEnable)("checkbox", name, expectedTextContent);
 });
 // End of Content Section
+// Begin of Keyboard Section
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`I should see a checkbox named {string} keyboard focused`, async function (name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)("checkbox", name);
+});
+// End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_combobox.js

@@ -67,3 +67,11 @@ const core_engine_1 = require("../../../core-engine");
     (0, core_engine_1.findWithRoleAndNameAndContentEnable)("combobox", name, expectedTextContent);
 });
 // End of Content Section
+// Begin of Keyboard Section
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`I should see a combo box named {string} keyboard focused`, async function (name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)("combobox", name);
+});
+// End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_link.js

@@ -67,3 +67,11 @@ const core_engine_1 = require("../../../core-engine");
     (0, core_engine_1.findWithRoleAndNameAndContentEnable)("link", name, expectedTextContent);
 });
 // End of Content Section
+// Begin of Keyboard Section
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`I should see a link named {string} keyboard focused`, async function (name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)("link", name);
+});
+// End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_listbox.js

@@ -67,3 +67,11 @@ const core_engine_1 = require("../../../core-engine");
     (0, core_engine_1.findWithRoleAndNameAndContentEnable)("listbox", name, expectedTextContent);
 });
 // End of Content Section
+// Begin of Keyboard Section
+/**
+ * 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
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`I should see a list box named {string} keyboard focused`, async function (name) {
+    (0, core_engine_1.findWithRoleAndNameFocused)("listbox", name);
+});
+// End of Keyboard Section