@uuv/cypress 2.14.1 → 2.15.0

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

@@ -23,13 +23,14 @@ import { Method } from "cypress/types/net-stubbing";
 import { KEY_PRESS } from "@uuv/runner-commons";
 
 import {
-  assertTextContent,
-  findWithRoleAndName,
-  findWithRoleAndNameAndContent,
-  findWithRoleAndNameAndContentDisable,
-  findWithRoleAndNameAndContentEnable,
-  notFoundWithRoleAndName,
-  withinRoleAndName
+    assertTextContent,
+    findWithRoleAndName,
+    findWithRoleAndNameAndContent,
+    findWithRoleAndNameAndContentDisable,
+    findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
+    notFoundWithRoleAndName,
+    withinRoleAndName
 } from "../core-engine";
 import { A11yReferenceEnum } from "@uuv/a11y";
 
@@ -47,9 +48,13 @@ When(`I visit path {string}`, function(siteUrl: string) {
  * Triggers a click on the selected element.<br/>Make sure you've selected an element beforehand with the <strong>within...</strong> phrases.
  * */
 When(`I click`, function() {
-  cy.uuvCheckContextFocusedElement().then(context => {
-    context.focusedElement!.click();
-  });
+    if (haveKeyBoardFocused()) {
+        cy.focused().click();
+    } else {
+        cy.uuvCheckContextWithinFocusedElement().then(context => {
+            context.withinFocusedElement!.click();
+        });
+    }
 });
 
 /**
@@ -70,10 +75,14 @@ When(`I click on element with role {string} and name {string}`, function(role: s
  * 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.
  * */
 When(`I type the sentence {string}`, function(textToType: string) {
-  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);
+        });
+    }
 });
 
 /**
@@ -81,10 +90,7 @@ When(`I type the sentence {string}`, function(textToType: string) {
  * */
 When(`I press {int} times on {string}`, function(nbTimes: number, key: string) {
   for (let i = 1; i <= nbTimes; i++) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-      context.focusedElement!.focus();
-      pressKey(context.focusedElement!, key);
-    });
+    pressKey(key);
   }
 });
 
@@ -92,10 +98,21 @@ When(`I press {int} times on {string}`, function(nbTimes: number, key: string) {
  * 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.
  * */
 When(`I press {string}`, function(key: string) {
-  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
+ * */
+When(`I go to previous keyboard element`, function() {
+  pressKey("{reverseTab}");
+});
+
+/**
+ * Move to the next html element that can be reached with Tab
+ * */
+When(`I go to next keyboard element`, function() {
+  pressKey("{tab}");
 });
 
 ////////////////////////////////////////////
@@ -119,6 +136,17 @@ Given(
  }
 );
 
+/**
+ * Start a keyboard navigation session from the top of the page
+ * */
+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
  * */
@@ -144,7 +172,7 @@ When(`within the element with aria-label {string}`, function(expectedAriaLabel:
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -157,7 +185,7 @@ When(`within the element with testId {string}`, function(testId: string) {
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -166,7 +194,7 @@ When(`within the element with testId {string}`, function(testId: string) {
  * */
 When(`within the element with selector {string}`, function(selector: string) {
   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(() => {
@@ -179,7 +207,7 @@ When(`within the element with selector {string}`, function(selector: string) {
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -187,7 +215,7 @@ When(`within the element with selector {string}`, function(selector: string) {
  * Deletes selected element and timeout
  * */
 When(`I reset context`, function() {
-  return cy.wrap(new Context()).as("context");
+    return cy.wrap(new Context()).as("context");
 });
 
 /**
@@ -329,6 +357,16 @@ 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
+ * */
+Then(
+ `the element with role {string} and name {string} should be keyboard focused`,
+ async function(expectedRole: string, name: string) {
+     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
  * */
@@ -428,8 +466,8 @@ Then(
 Then(
  `I should see these attributes with values`,
  async function(expectedAttributeList: DataTable) {
-   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];
@@ -548,38 +586,35 @@ Then(
    cy.checkUvvA11y(A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
  });
 
-function pressKey(context: Cypress.Chainable<JQuery<HTMLElement>>, key: string) {
-  switch (key) {
-    case KEY_PRESS.TAB:
-      context.realPress("Tab");
-      break;
-    case KEY_PRESS.REVERSE_TAB:
-      context.realPress(["ShiftLeft", "Tab"]);
-      break;
-    case KEY_PRESS.UP:
-      context.realPress("ArrowUp");
-      break;
-    case KEY_PRESS.DOWN:
-      context.realPress("ArrowDown");
-      break;
-    case KEY_PRESS.LEFT:
-      context.realPress("ArrowLeft");
-      break;
-    case KEY_PRESS.RIGHT:
-      context.realPress("ArrowRight");
-      break;
-    default:
-      console.error("the command" + key + " is unrecognized.");
-      break;
-  }
-  cy.uuvPatchContext({
-    focusedElement: cy.focused()
-  });
+function pressKey(key: string) {
+    switch (key) {
+        case KEY_PRESS.TAB:
+            cy.realPress("Tab");
+            break;
+        case KEY_PRESS.REVERSE_TAB:
+            cy.realPress(["ShiftLeft", "Tab"]);
+            break;
+        case KEY_PRESS.UP:
+            cy.realPress("ArrowUp");
+            break;
+        case KEY_PRESS.DOWN:
+            cy.realPress("ArrowDown");
+            break;
+        case KEY_PRESS.LEFT:
+            cy.realPress("ArrowLeft");
+            break;
+        case KEY_PRESS.RIGHT:
+            cy.realPress("ArrowRight");
+            break;
+        default:
+            console.error("the command" + key + " is unrecognized.");
+            break;
+    }
 }
 
 function click(role: string, name: string) {
   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()).as("context");
@@ -589,3 +624,6 @@ function click(role: string, name: string) {
   });
 }
 
+function haveKeyBoardFocused() {
+    return Cypress.$(":focus").length > 0;
+}

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

@@ -23,13 +23,14 @@ import { Method } from "cypress/types/net-stubbing";
 import { KEY_PRESS } from "@uuv/runner-commons";
 
 import {
-  assertTextContent,
-  findWithRoleAndName,
-  findWithRoleAndNameAndContent,
-  findWithRoleAndNameAndContentDisable,
-  findWithRoleAndNameAndContentEnable,
-  notFoundWithRoleAndName,
-  withinRoleAndName
+    assertTextContent,
+    findWithRoleAndName,
+    findWithRoleAndNameAndContent,
+    findWithRoleAndNameAndContentDisable,
+    findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
+    notFoundWithRoleAndName,
+    withinRoleAndName
 } from "../core-engine";
 import { A11yReferenceEnum } from "@uuv/a11y";
 
@@ -47,9 +48,13 @@ When(`je visite l'Url {string}`, function(siteUrl: string) {
  * Déclenche un click sur l'élément sélectionné.<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>Je vais à l'intérieur...</strong>.
  * */
 When(`je clique`, function() {
-  cy.uuvCheckContextFocusedElement().then(context => {
-    context.focusedElement!.click();
-  });
+    if (haveKeyBoardFocused()) {
+        cy.focused().click();
+    } else {
+        cy.uuvCheckContextWithinFocusedElement().then(context => {
+            context.withinFocusedElement!.click();
+        });
+    }
 });
 
 /**
@@ -70,10 +75,14 @@ When(`je clique sur l'élément avec le rôle {string} et le nom {string}`, func
  * Saisit de la phrase passée en paramètre (utile par exemple pour remplir un champ de formulaire).<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>Je vais à l'intérieur...</strong>.
  * */
 When(`je saisie le(s) mot(s) {string}`, function(textToType: string) {
-  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);
+        });
+    }
 });
 
 /**
@@ -81,10 +90,7 @@ When(`je saisie le(s) mot(s) {string}`, function(textToType: string) {
  * */
 When(`j'appuie {int} fois sur {string}`, function(nbTimes: number, key: string) {
   for (let i = 1; i <= nbTimes; i++) {
-    cy.uuvCheckContextFocusedElement().then((context) => {
-      context.focusedElement!.focus();
-      pressKey(context.focusedElement!, key);
-    });
+    pressKey(key);
   }
 });
 
@@ -92,10 +98,21 @@ When(`j'appuie {int} fois sur {string}`, function(nbTimes: number, key: string)
  * Simule un appui sur la touche spécifiée : <table><thead><tr><th>Touche</th><th>Description</th></tr></thead><tbody><tr><td>{tab}</td><td>Tabulation</td></tr><tr><td>{reverseTab}</td><td>Tabulation arrière</td></tr><tr><td>{down}</td><td>Flèche du bas</td></tr><tr><td>{right}</td><td>Flèche de droite</td></tr><tr><td>{left}</td><td>Flèche de gauche</td></tr><tr><td>{up}</td><td>Flèche du haut</td></tr></tbody></table>.<br/>Assurez vous d'avoir effectué une sélection d'élément avant avec les phrases <strong>Je vais à l'intérieur...</strong>.
  * */
 When(`j'appuie sur {string}`, function(key: string) {
-  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
+ * */
+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
+ * */
+When(`je vais au prochain élément au clavier`, function() {
+  pressKey("{tab}");
 });
 
 ////////////////////////////////////////////
@@ -119,6 +136,17 @@ Given(
  }
 );
 
+/**
+ * Démarre une session de navigation au clavier à partir du haut de la page
+ * */
+Given(
+ `je commence une navigation au clavier depuis le haut de la page`,
+ 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
  * */
@@ -144,7 +172,7 @@ When(`je vais à l'intérieur de l'élément ayant pour aria-label {string}`, fu
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -157,7 +185,7 @@ When(`je vais à l'intérieur de l'élément ayant pour testId {string}`, functi
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -166,7 +194,7 @@ When(`je vais à l'intérieur de l'élément ayant pour testId {string}`, functi
  * */
 When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, function(selector: string) {
   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(() => {
@@ -179,7 +207,7 @@ When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, fu
    .should("exist");
 
   return cy.uuvPatchContext({
-    focusedElement: foundedElement
+    withinFocusedElement: foundedElement
   });
 });
 
@@ -187,7 +215,7 @@ When(`je vais à l'intérieur de l'élément ayant pour sélecteur {string}`, fu
  * Supprime l'élément sélectionné et le timeout du contexte
  * */
 When(`je reinitialise le contexte`, function() {
-  return cy.wrap(new Context()).as("context");
+    return cy.wrap(new Context()).as("context");
 });
 
 /**
@@ -329,6 +357,16 @@ Then(
  }
 );
 
+/**
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) est focus
+ * */
+Then(
+ `l'élément avec le rôle {string} et le nom {string} doit avoir le focus clavier`,
+ async function(expectedRole: string, name: string) {
+     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
  * */
@@ -428,8 +466,8 @@ Then(
 Then(
  `je dois voir les attributs avec valeurs suivantes`,
  async function(expectedAttributeList: DataTable) {
-   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];
@@ -548,38 +586,35 @@ Then(
    cy.checkUvvA11y(A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
  });
 
-function pressKey(context: Cypress.Chainable<JQuery<HTMLElement>>, key: string) {
-  switch (key) {
-    case KEY_PRESS.TAB:
-      context.realPress("Tab");
-      break;
-    case KEY_PRESS.REVERSE_TAB:
-      context.realPress(["ShiftLeft", "Tab"]);
-      break;
-    case KEY_PRESS.UP:
-      context.realPress("ArrowUp");
-      break;
-    case KEY_PRESS.DOWN:
-      context.realPress("ArrowDown");
-      break;
-    case KEY_PRESS.LEFT:
-      context.realPress("ArrowLeft");
-      break;
-    case KEY_PRESS.RIGHT:
-      context.realPress("ArrowRight");
-      break;
-    default:
-      console.error("the command" + key + " is unrecognized.");
-      break;
-  }
-  cy.uuvPatchContext({
-    focusedElement: cy.focused()
-  });
+function pressKey(key: string) {
+    switch (key) {
+        case KEY_PRESS.TAB:
+            cy.realPress("Tab");
+            break;
+        case KEY_PRESS.REVERSE_TAB:
+            cy.realPress(["ShiftLeft", "Tab"]);
+            break;
+        case KEY_PRESS.UP:
+            cy.realPress("ArrowUp");
+            break;
+        case KEY_PRESS.DOWN:
+            cy.realPress("ArrowDown");
+            break;
+        case KEY_PRESS.LEFT:
+            cy.realPress("ArrowLeft");
+            break;
+        case KEY_PRESS.RIGHT:
+            cy.realPress("ArrowRight");
+            break;
+        default:
+            console.error("the command" + key + " is unrecognized.");
+            break;
+    }
 }
 
 function click(role: string, name: string) {
   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()).as("context");
@@ -589,3 +624,6 @@ function click(role: string, name: string) {
   });
 }
 
+function haveKeyBoardFocused() {
+    return Cypress.$(":focus").length > 0;
+}

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

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_alertdialog.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_application.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_article.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_banner.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_button.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,17 @@ Then(
 );
 
 // 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
+ * */
+Then(
+    `I should see a button named {string} keyboard focused`,
+    async function(name: string) {
+        findWithRoleAndNameFocused("button", name);
+    }
+);
+
+// End of Keyboard Section

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_cell.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_checkbox.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,17 @@ Then(
 );
 
 // 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
+ * */
+Then(
+    `I should see a checkbox named {string} keyboard focused`,
+    async function(name: string) {
+        findWithRoleAndNameFocused("checkbox", name);
+    }
+);
+
+// End of Keyboard Section

package/src/cucumber/step_definitions/cypress/generated/enriched/en/_en-generated-steps-definition_columnheader.ts

@@ -23,6 +23,7 @@ import {
     findWithRoleAndNameAndContent,
     findWithRoleAndNameAndContentDisable,
     findWithRoleAndNameAndContentEnable,
+    findWithRoleAndNameFocused,
     notFoundWithRoleAndName,
     withinRoleAndName
 } from "../../../core-engine";
@@ -98,3 +99,5 @@ Then(
 );
 
 // End of Content Section
+
+