Support keyboard navigation in the debugger. Fixes #2897

In passing, fix injection of variable values. Fixes #2981

web/regression/javascript/common_keyboard_shortcuts_spec.js

@@ -0,0 +1,50 @@
+//////////////////////////////////////////////////////////////////////////
+//
+// pgAdmin 4 - PostgreSQL Tools
+//
+// Copyright (C) 2013 - 2018, The pgAdmin Development Team
+// This software is released under the PostgreSQL Licence
+//
+//////////////////////////////////////////////////////////////////////////
+
+import keyboardShortcuts from 'sources/keyboard_shortcuts';
+
+describe('the keyboard shortcuts', () => {
+  const F1_KEY = 112,
+    EDIT_KEY = 71,  // Key: G -> Grid values
+    LEFT_ARROW_KEY = 37,
+    RIGHT_ARROW_KEY = 39,
+    MOVE_NEXT = 'right';
+
+  let debuggerElementSpy, event;
+  beforeEach(() => {
+    event = {
+      shift: false,
+      which: undefined,
+      preventDefault: jasmine.createSpy('preventDefault'),
+      cancelBubble: false,
+      stopPropagation: jasmine.createSpy('stopPropagation'),
+      stopImmediatePropagation: jasmine.createSpy('stopImmediatePropagation'),
+    };
+  });
+
+  describe('when the key is not handled by the function', function () {
+    beforeEach(() => {
+      event.which = F1_KEY;
+      keyboardShortcuts.processEventDebugger(debuggerElementSpy, event);
+    });
+
+    it('should allow event to propagate', () => {
+      expect(event.preventDefault).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('when user wants to goto next panel', function () {
+
+    it('returns panel id', function () {
+      expect(keyboardShortcuts.getInnerPanel(debuggerElementSpy, 'right')).toEqual(false);
+    });
+  });
+
+
+});