From d7f6dd5a80827aea76fc42f07c77d05abb7180b2 Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <trueadm@users.noreply.github.com>
Date: Mon, 23 Sep 2019 14:20:43 +0200
Subject: [PATCH] [react-interactions] Fix typo in FocusTable (#16860)

---
 .../accessibility/src/FocusTable.js           |  8 ++---
 .../src/__tests__/FocusTable-test.internal.js | 30 +++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/react-interactions/accessibility/src/FocusTable.js b/packages/react-interactions/accessibility/src/FocusTable.js
index b0714eb78ea91..98d736a0e4ad7 100644
--- a/packages/react-interactions/accessibility/src/FocusTable.js
+++ b/packages/react-interactions/accessibility/src/FocusTable.js
@@ -149,7 +149,7 @@ export function createFocusTable(): Array<React.Component> {
       onKeyDown(event: KeyboardEvent): void {
         const currentCell = scopeRef.current;
         switch (event.key) {
-          case 'UpArrow': {
+          case 'ArrowUp': {
             const [cells, rowIndex] = getRowCells(currentCell);
             if (cells !== null) {
               const [columns, columnIndex] = getRows(currentCell);
@@ -164,7 +164,7 @@ export function createFocusTable(): Array<React.Component> {
             }
             return;
           }
-          case 'DownArrow': {
+          case 'ArrowDown': {
             const [cells, rowIndex] = getRowCells(currentCell);
             if (cells !== null) {
               const [columns, columnIndex] = getRows(currentCell);
@@ -181,7 +181,7 @@ export function createFocusTable(): Array<React.Component> {
             }
             return;
           }
-          case 'LeftArrow': {
+          case 'ArrowLeft': {
             const [cells, rowIndex] = getRowCells(currentCell);
             if (cells !== null) {
               if (rowIndex > 0) {
@@ -192,7 +192,7 @@ export function createFocusTable(): Array<React.Component> {
             }
             return;
           }
-          case 'RightArrow': {
+          case 'ArrowRight': {
             const [cells, rowIndex] = getRowCells(currentCell);
             if (cells !== null) {
               if (rowIndex !== -1) {
diff --git a/packages/react-interactions/accessibility/src/__tests__/FocusTable-test.internal.js b/packages/react-interactions/accessibility/src/__tests__/FocusTable-test.internal.js
index 65f412518bc36..83f6ee3097ddd 100644
--- a/packages/react-interactions/accessibility/src/__tests__/FocusTable-test.internal.js
+++ b/packages/react-interactions/accessibility/src/__tests__/FocusTable-test.internal.js
@@ -116,35 +116,35 @@ describe('ReactFocusTable', () => {
       const a1 = createEventTarget(buttons[0]);
       a1.focus();
       a1.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A2');
 
       const a2 = createEventTarget(document.activeElement);
       a2.keydown({
-        key: 'DownArrow',
+        key: 'ArrowDown',
       });
       expect(document.activeElement.textContent).toBe('B2');
 
       const b2 = createEventTarget(document.activeElement);
       b2.keydown({
-        key: 'LeftArrow',
+        key: 'ArrowLeft',
       });
       expect(document.activeElement.textContent).toBe('B1');
 
       const b1 = createEventTarget(document.activeElement);
       b1.keydown({
-        key: 'DownArrow',
+        key: 'ArrowDown',
       });
       expect(document.activeElement.textContent).toBe('C1');
 
       const c1 = createEventTarget(document.activeElement);
       c1.keydown({
-        key: 'DownArrow',
+        key: 'ArrowDown',
       });
       expect(document.activeElement.textContent).toBe('C1');
       c1.keydown({
-        key: 'UpArrow',
+        key: 'ArrowUp',
       });
       expect(document.activeElement.textContent).toBe('B1');
     });
@@ -201,55 +201,55 @@ describe('ReactFocusTable', () => {
       let a1 = createEventTarget(buttons[0]);
       a1.focus();
       a1.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A2');
 
       let a2 = createEventTarget(document.activeElement);
       a2.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A3');
 
       let a3 = createEventTarget(document.activeElement);
       a3.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A1');
 
       a1 = createEventTarget(document.activeElement);
       a1.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A2');
 
       a2 = createEventTarget(document.activeElement);
       a2.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A3');
 
       a3 = createEventTarget(document.activeElement);
       a3.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A1');
 
       a1 = createEventTarget(document.activeElement);
       a1.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A2');
 
       a2 = createEventTarget(document.activeElement);
       a2.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A3');
 
       a3 = createEventTarget(document.activeElement);
       a3.keydown({
-        key: 'RightArrow',
+        key: 'ArrowRight',
       });
       expect(document.activeElement.textContent).toBe('A3');
     });