@uuv/cypress 2.20.0 → 2.21.1

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_select.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle select et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un sélecteur nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("select", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un sélecteur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("select", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un sélecteur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("select", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_slider.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle slider et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un curseur nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("slider", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un curseur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("slider", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un curseur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("slider", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_spinbutton.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle spinbutton et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un bouton rotatif nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("spinbutton", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un bouton rotatif nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("spinbutton", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un bouton rotatif nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("spinbutton", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_switch.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle switch et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un interrupteur nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("switch", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un interrupteur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("switch", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un interrupteur nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("switch", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_tab.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle tab et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un onglet nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("tab", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un onglet nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("tab", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un onglet nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("tab", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_textbox.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle textbox et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir une boîte à texte nommée {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("textbox", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être une boîte à texte nommée {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("textbox", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être une boîte à texte nommée {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("textbox", name);
+});
 // End of Keyboard Section

package/dist/cucumber/step_definitions/cypress/generated/enriched/fr/_fr-generated-steps-definition_widget.js

@@ -19,6 +19,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const cypress_cucumber_preprocessor_1 = require("@badeball/cypress-cucumber-preprocessor");
 require("../../../../../../cypress/commands");
 const core_engine_1 = require("../../../core-engine");
+const __common_1 = require("../../../_.common");
 // Begin of General Section
 /**
  * Sélectionne l'élément ayant le rôle widget et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) sont spécifiés <br />⚠ pensez à déselectionner l'élement avec <b>[je reinitialise le contexte](#je-reinitialise-le-contexte)</b> si vous n'agissez plus dessus
@@ -69,9 +70,23 @@ const core_engine_1 = require("../../../core-engine");
 // End of Content Section
 // Begin of Keyboard Section
 /**
- * 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
+ * Vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
  * */
 (0, cypress_cucumber_preprocessor_1.Then)(`je dois voir un widget nommé {string} avoir le focus clavier`, function (name) {
     (0, core_engine_1.findWithRoleAndNameFocused)("widget", name);
 });
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le précédent élément avec le focus clavier doit être un widget nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{reverseTab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("widget", name);
+});
+/**
+ * Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+(0, cypress_cucumber_preprocessor_1.Then)(`le prochain élément avec le focus clavier doit être un widget nommé {string}`, function (name) {
+    (0, __common_1.pressKey)("{tab}");
+    (0, core_engine_1.findWithRoleAndNameFocused)("widget", name);
+});
 // End of Keyboard Section

package/dist/lib/runner-cypress.d.ts

@@ -16,7 +16,6 @@ export declare class UUVCliCypressRunner implements UUVCliRunner {
     private terminateProcess;
     private mergeJunitReport;
     private generateHtmlReport;
-    private formatCucumberMessageFile;
     private generateHtmlReportFromJson;
     private getCypress;
 }

package/dist/lib/runner-cypress.js

@@ -9,7 +9,6 @@ const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const chalk_1 = __importDefault(require("chalk"));
 const junit_report_merger_1 = require("junit-report-merger");
-const uuv_custom_formatter_1 = require("../cucumber/uuv-custom-formatter");
 const multiple_cucumber_html_reporter_1 = __importDefault(require("multiple-cucumber-html-reporter"));
 const cypress_1 = __importDefault(require("cypress"));
 class UUVCliCypressRunner {
@@ -117,14 +116,8 @@ class UUVCliCypressRunner {
     }
     async generateHtmlReport(options, reportDir) {
         console.info(chalk_1.default.blueBright("Generating Html Test Report..."));
-        await this.formatCucumberMessageFile(this.JSON_REPORT_DIR, this.CUCUMBER_MESSAGES_FILE);
         this.generateHtmlReportFromJson(options, this.JSON_REPORT_DIR, reportDir);
     }
-    async formatCucumberMessageFile(jsonReportDir, cucumberMessageFile) {
-        const formatter = new uuv_custom_formatter_1.UuvCustomFormatter();
-        const outputFile = `${jsonReportDir}/cucumber-report.json`;
-        await formatter.parseCucumberJson(cucumberMessageFile, outputFile);
-    }
     generateHtmlReportFromJson(options, jsonReportDir, htmlReportDir) {
         const UNKNOWN_VALUE = "unknown";
         multiple_cucumber_html_reporter_1.default.generate({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uuv/cypress",
-  "version": "2.20.0",
+  "version": "2.21.1",
   "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 cypress",
@@ -36,7 +36,7 @@
     "generate:step-definitions": "ts-node generate-step-definitions.ts",
     "package": "npm pack --pack-destination=\"../../dist/packages\"",
     "postinstall": "node postinstall.js",
-    "unit-test": "jest --runInBand --coverage --config=./jest.config.ts",
+    "unit-tests": "jest --runInBand --coverage --config=./jest.config.ts",
     "e2e-test:run": "node test.js e2e",
     "e2e-test:open": "node test.js open --",
     "test": "npm run unit-test && npm run e2e-test:run",
@@ -46,11 +46,10 @@
     "@badeball/cypress-cucumber-preprocessor": "20.0.5",
     "@cypress/webpack-preprocessor": "6.0.1",
     "@testing-library/cypress": "10.0.1",
-    "@uuv/a11y": "1.0.0-beta.27",
-    "@uuv/runner-commons": "2.15.0",
+    "@uuv/a11y": "1.0.0-beta.29",
+    "@uuv/runner-commons": "2.16.1",
     "axe-core": "4.9.1",
     "chai-subset": "^1.6.0",
-    "cucumber-json-report-formatter": "0.1.4",
     "cypress": "13.10.0",
     "cypress-axe": "1.5.0",
     "cypress-real-events": "^1.10.0",

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

@@ -20,7 +20,6 @@ import { DataTable, Given, Then, When } from "@badeball/cypress-cucumber-preproc
 import { Context } from "../_context";
 import "../../../../cypress/commands";
 import { Method } from "cypress/types/net-stubbing";
-import { KEY_PRESS } from "@uuv/runner-commons";
 
 import {
     assertTextContent,
@@ -33,6 +32,7 @@ import {
     withinRoleAndName
 } from "../core-engine";
 import { A11yReferenceEnum } from "@uuv/a11y";
+import { pressKey } from "./../_.common";
 
 /**
  * Navigate to the Uri passed as a argument (full url consisting of the BASE_URL + Uri) or navigate to Url if begin with http:// or https://
@@ -144,7 +144,6 @@ 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");
  }
 );
 
@@ -368,6 +367,20 @@ Then(
  }
 );
 
+/**
+ * Checks that the Html element with the specified selector is focused
+ * */
+Then(
+ `the element with selector {string} should be keyboard focused`,
+ function(selector: string) {
+   cy.get(selector).then(foundElement => {
+     cy.focused().then(focusedElement => {
+       expect(foundElement?.get(0)).eq(focusedElement?.get(0));
+     });
+   });
+ }
+);
+
 /**
  * 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
  * */
@@ -421,6 +434,22 @@ Then(
  }
 );
 
+/**
+ * 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
+ * */
+When(`the previous keyboard element focused should have name {string} and role {string}`, function(expectedRole: string, name: string) {
+    pressKey("{reverseTab}");
+    findWithRoleAndNameFocused(expectedRole, 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
+ * */
+When(`the next keyboard element focused should have name {string} and role {string}`, function(expectedRole: string, name: string) {
+    pressKey("{tab}");
+    findWithRoleAndNameFocused(expectedRole, name);
+});
+
 /**
  * Wait that a named mock has been consumed until timeout
  * */
@@ -587,32 +616,6 @@ Then(
    cy.checkUvvA11y(A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
  });
 
-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.withinFocusedElement;

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

@@ -20,7 +20,6 @@ import { DataTable, Given, Then, When } from "@badeball/cypress-cucumber-preproc
 import { Context } from "../_context";
 import "../../../../cypress/commands";
 import { Method } from "cypress/types/net-stubbing";
-import { KEY_PRESS } from "@uuv/runner-commons";
 
 import {
     assertTextContent,
@@ -33,6 +32,7 @@ import {
     withinRoleAndName
 } from "../core-engine";
 import { A11yReferenceEnum } from "@uuv/a11y";
+import { pressKey } from "./../_.common";
 
 /**
  * Navigue vers l'Uri passé en paramètre (url complète étant constituée de la BASE_URL + Uri) ou navigue vers l'Url si ça commence par http:// ou https://
@@ -144,7 +144,6 @@ 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");
  }
 );
 
@@ -368,6 +367,20 @@ Then(
  }
 );
 
+/**
+ * Vérifie que l'élément Html avec le sélecteur est focus
+ * */
+Then(
+ `l'élément avec le sélecteur {string} doit avoir le focus clavier`,
+ function(selector: string) {
+   cy.get(selector).then(foundElement => {
+     cy.focused().then(focusedElement => {
+       expect(foundElement?.get(0)).eq(focusedElement?.get(0));
+     });
+   });
+ }
+);
+
 /**
  * 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
  * */
@@ -421,6 +434,22 @@ Then(
  }
 );
 
+/**
+ * Se déplace au précédent élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+When(`le précédent élément avec le focus clavier doit avoir le role {string} et le nom {string}`, function(expectedRole: string, name: string) {
+    pressKey("{reverseTab}");
+    findWithRoleAndNameFocused(expectedRole, name);
+});
+
+/**
+ * "Se déplace au prochain élément HTML atteignable avec la tabulation et vérifie que l'élément Html avec le [rôle accessible](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#aria_role_types) et le [nom accessible](https://russmaxdesign.github.io/html-elements-names/) a le focus clavier
+ * */
+When(`le prochain élément avec le focus clavier doit avoir le role {string} et le nom {string}`, function(expectedRole: string, name: string) {
+    pressKey("{tab}");
+    findWithRoleAndNameFocused(expectedRole, name);
+});
+
 /**
  * Vérifie qu'un bouchon nommé ait bien été consommé
  * */
@@ -587,32 +616,6 @@ Then(
    cy.checkUvvA11y(A11yReferenceEnum.RGAA, JSON.parse(expectedResult), true);
  });
 
-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.withinFocusedElement;

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 
@@ -112,4 +113,26 @@ Then(
     }
 );
 
+/**
+ * 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
+ * */
+Then(
+    `the previous keyboard element focused should be a button named {string}`,
+    function(name: string) {
+        pressKey("{reverseTab}");
+        findWithRoleAndNameFocused("button", 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
+ * */
+Then(
+    `the next keyboard element focused should be a button named {string}`,
+    function(name: string) {
+        pressKey("{tab}");
+        findWithRoleAndNameFocused("button", name);
+    }
+);
+
 // End of Keyboard Section

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section
 
@@ -112,4 +113,26 @@ Then(
     }
 );
 
+/**
+ * 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
+ * */
+Then(
+    `the previous keyboard element focused should be a checkbox named {string}`,
+    function(name: string) {
+        pressKey("{reverseTab}");
+        findWithRoleAndNameFocused("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
+ * */
+Then(
+    `the next keyboard element focused should be a checkbox named {string}`,
+    function(name: string) {
+        pressKey("{tab}");
+        findWithRoleAndNameFocused("checkbox", name);
+    }
+);
+
 // End of Keyboard Section

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

@@ -28,6 +28,7 @@ import {
     withinRoleAndName
 } from "../../../core-engine";
 
+import { pressKey } from "../../../_.common";
 
 // Begin of General Section