diff --git a/packages/react-interactions/accessibility/src/FocusTable.js b/packages/react-interactions/accessibility/src/FocusTable.js index b0714eb78ea9..98d736a0e4ad 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 { 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 { } 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 { } return; } - case 'LeftArrow': { + case 'ArrowLeft': { const [cells, rowIndex] = getRowCells(currentCell); if (cells !== null) { if (rowIndex > 0) { @@ -192,7 +192,7 @@ export function createFocusTable(): Array { } 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 65f412518bc3..83f6ee3097dd 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'); });