test for tabbing out of editor

package.json

@@ -54,6 +54,7 @@
     "core-js": "3.30.0",
     "cypress": "^12.9.0",
     "cypress-intellij-reporter": "^0.0.7",
+    "cypress-plugin-tab": "^1.0.5",
     "cypress-terminal-report": "^5.3.2",
     "eslint": "^8.37.0",
     "eslint-config-codex": "^1.7.1",

test/cypress/support/index.ts

@@ -8,6 +8,7 @@
 
 import '@cypress/code-coverage/support';
 import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector';
+import 'cypress-plugin-tab';
 
 installLogsCollector();
 

test/cypress/tests/modules/BlockEvents/Slash.cy.ts

@@ -26,7 +26,7 @@ describe('Slash keydown', function () {
   });
 
   describe('pressed in non-empty block', function () {
-    it('should not open Toolbox', () => {
+    it('should not open Toolbox and just add the / char', () => {
       cy.createEditor({
         data: {
           blocks: [

test/cypress/tests/modules/BlockEvents/Tab.cy.ts

@@ -173,6 +173,30 @@ describe('Tab keydown', function () {
       .parents('.ce-block')
       .should('have.class', 'ce-block--selected');
   });
+
+  it('should focus next input after Editor when pressed in last Block', () => {
+    cy.createEditor({});
+
+    /**
+     * Add regular input after Editor
+     */
+    cy.window()
+      .then((window) => {
+        const input = window.document.createElement('input');
+
+        input.setAttribute('data-cy', 'regular-input');
+
+        window.document.body.appendChild(input);
+      });
+
+    cy.get('[data-cy=editorjs]')
+      .find('.ce-paragraph')
+      .click()
+      .tab();
+
+    cy.get('[data-cy=regular-input]')
+      .should('have.focus');
+  });
 });
 
 describe('Shift+Tab keydown', function () {
@@ -314,4 +338,28 @@ describe('Shift+Tab keydown', function () {
       .parents('.ce-block')
       .should('have.class', 'ce-block--selected');
   });
+
+  it('should focus previous input before Editor when pressed in first Block', () => {
+    cy.createEditor({});
+
+    /**
+     * Add regular input before Editor
+     */
+    cy.window()
+      .then((window) => {
+        const input = window.document.createElement('input');
+
+        input.setAttribute('data-cy', 'regular-input');
+
+        window.document.body.insertBefore(input, window.document.body.firstChild);
+      });
+
+    cy.get('[data-cy=editorjs]')
+      .find('.ce-paragraph')
+      .click()
+      .tab({ shift: true });
+
+    cy.get('[data-cy=regular-input]')
+      .should('have.focus');
+  });
 });

yarn.lock

@@ -1011,6 +1011,14 @@ ajv@^8.0.1:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
+ally.js@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/ally.js/-/ally.js-1.4.1.tgz#9fb7e6ba58efac4ee9131cb29aa9ee3b540bcf1e"
+  integrity sha512-ZewdfuwP6VewtMN36QY0gmiyvBfMnmEaNwbVu2nTS6zRt069viTgkYgaDiqu6vRJ1VJCriNqV0jGMu44R8zNbA==
+  dependencies:
+    css.escape "^1.5.0"
+    platform "1.3.3"
+
 ansi-colors@4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
@@ -1627,6 +1635,11 @@ css-tree@^2.3.1:
     mdn-data "2.0.30"
     source-map-js "^1.0.1"
 
+css.escape@^1.5.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
+  integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
+
 cssdb@^7.5.3:
   version "7.5.3"
   resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.3.tgz#6bbd0c6a935919d7f78b8a3ce098faacda01ae8a"
@@ -1649,6 +1662,13 @@ cypress-intellij-reporter@^0.0.7:
   dependencies:
     mocha latest
 
+cypress-plugin-tab@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/cypress-plugin-tab/-/cypress-plugin-tab-1.0.5.tgz#a40714148104004bb05ed62b1bf46bb544f8eb4a"
+  integrity sha512-QtTJcifOVwwbeMP3hsOzQOKf3EqKsLyjtg9ZAGlYDntrCRXrsQhe4ZQGIthRMRLKpnP6/tTk6G0gJ2sZUfRliQ==
+  dependencies:
+    ally.js "^1.4.1"
+
 cypress-terminal-report@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/cypress-terminal-report/-/cypress-terminal-report-5.3.2.tgz#3a6b1cbda6101498243d17c5a2a646cb69af0336"
@@ -3905,6 +3925,11 @@ pkg-dir@^4.1.0:
   dependencies:
     find-up "^4.0.0"
 
+platform@1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.3.tgz#646c77011899870b6a0903e75e997e8e51da7461"
+  integrity sha512-VJK1SRmXBpjwsB4YOHYSturx48rLKMzHgCqDH2ZDa6ZbMS/N5huoNqyQdK5Fj/xayu3fqbXckn5SeCS1EbMDZg==
+
 postcss-apply@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/postcss-apply/-/postcss-apply-0.12.0.tgz#11a47b271b14d81db97ed7f51a6c409d025a9c34"