@khanacademy/math-input 2.0.0 → 4.0.0

package/src/components/input/__tests__/mathquill.test.ts

@@ -1,5 +1,3 @@
-import Keys from "../../../data/keys";
-
 import TestMathWrapper from "./test-math-wrapper";
 
 const MQ = {L: "-1", R: "1"};
@@ -28,31 +26,31 @@ describe("MathQuill", () => {
         document.body.removeChild(span);
     });
 
-    // TODO(charlie): Add tests for Keys.FRAC_EXCLUSIVE (the mixed-number
+    // TODO(charlie): Add tests for "FRAC_EXCLUSIVE" (the mixed-number
     // fraction key).
     describe("Fraction Bar", () => {
         it("should work with no content", () => {
-            mathField.pressKey(Keys.FRAC_INCLUSIVE);
+            mathField.pressKey("FRAC_INCLUSIVE");
             expect(mathField.getContent()).toEqual("\\frac{ }{ }");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.FRAC_INCLUSIVE);
+            mathField.pressKey("FRAC_INCLUSIVE");
             expect(mathField.getContent()).toEqual("\\frac{35x^2}{ }");
         });
 
         it("should work before an expression", () => {
             mathField.setContent("35x^2");
             mathField.moveToStart();
-            mathField.pressKey(Keys.FRAC_INCLUSIVE);
+            mathField.pressKey("FRAC_INCLUSIVE");
             expect(mathField.getContent()).toEqual("\\frac{ }{ }35x^2");
         });
 
         it("should work with a selected expression", () => {
             mathField.setContent("35x^2");
             mathField.selectAll();
-            mathField.pressKey(Keys.FRAC_INCLUSIVE);
+            mathField.pressKey("FRAC_INCLUSIVE");
             expect(mathField.getContent()).toEqual("\\frac{35x^2}{ }");
         });
     });
@@ -60,34 +58,34 @@ describe("MathQuill", () => {
     describe("Parentheses", () => {
         it("should work with no content", () => {
             mathField.setContent("");
-            mathField.pressKey(Keys.LEFT_PAREN);
+            mathField.pressKey("LEFT_PAREN");
             expect(mathField.getContent()).toEqual("\\left(\\right)");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.RIGHT_PAREN);
+            mathField.pressKey("RIGHT_PAREN");
             expect(mathField.getContent()).toEqual("\\left(35x^2\\right)");
         });
 
         it("should work before an expression", () => {
             mathField.setContent("35x^2");
             mathField.moveToStart();
-            mathField.pressKey(Keys.LEFT_PAREN);
+            mathField.pressKey("LEFT_PAREN");
             expect(mathField.getContent()).toEqual("\\left(35x^2\\right)");
         });
 
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x + 5");
             mathField.selectAll();
-            mathField.pressKey(Keys.LEFT_PAREN);
+            mathField.pressKey("LEFT_PAREN");
             expect(mathField.getContent()).toEqual("\\left(35x^2\\right)");
         });
     });
 
     describe("Squared", () => {
         it("should prefix with empty parens after no content", () => {
-            mathField.pressKey(Keys.EXP_2);
+            mathField.pressKey("EXP_2");
             expect(mathField.getContent()).toEqual("\\left(\\right)^2");
 
             // Verify that the cursor is in parens.
@@ -95,28 +93,28 @@ describe("MathQuill", () => {
         });
 
         it("should prefix with empty parens after an operator", () => {
-            mathField.pressKey(Keys.DIVIDE);
-            mathField.pressKey(Keys.EXP_2);
+            mathField.pressKey("DIVIDE");
+            mathField.pressKey("EXP_2");
             expect(mathField.getContent()).toEqual("\\div\\left(\\right)^2");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x");
-            mathField.pressKey(Keys.EXP_2);
+            mathField.pressKey("EXP_2");
             expect(mathField.getContent()).toEqual("35x^2");
         });
 
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.EXP_2);
+            mathField.pressKey("EXP_2");
             expect(mathField.getContent()).toEqual("\\left(35x+5\\right)^2");
         });
     });
 
     describe("Cubed", () => {
         it("should prefix with empty parens after no content", () => {
-            mathField.pressKey(Keys.EXP_3);
+            mathField.pressKey("EXP_3");
             expect(mathField.getContent()).toEqual("\\left(\\right)^3");
 
             // Verify that the cursor is in parens.
@@ -124,46 +122,46 @@ describe("MathQuill", () => {
         });
 
         it("should prefix with empty parens after an operator", () => {
-            mathField.pressKey(Keys.EQUAL);
-            mathField.pressKey(Keys.EXP_3);
+            mathField.pressKey("EQUAL");
+            mathField.pressKey("EXP_3");
             expect(mathField.getContent()).toEqual("=\\left(\\right)^3");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x");
-            mathField.pressKey(Keys.EXP_3);
+            mathField.pressKey("EXP_3");
             expect(mathField.getContent()).toEqual("35x^3");
         });
 
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.EXP_3);
+            mathField.pressKey("EXP_3");
             expect(mathField.getContent()).toEqual("\\left(35x+5\\right)^3");
         });
     });
 
     describe("Exponent", () => {
         it("should prefix with empty parens after no content", () => {
-            mathField.pressKey(Keys.EXP);
+            mathField.pressKey("EXP");
             expect(mathField.getContent()).toEqual("\\left(\\right)^{ }");
 
             // Verify that the cursor is in the exponent, not within the parens,
             // writing a unique character to verify cursor position.
             expect(isInsideEmptyParens(mathField.getCursor())).toBeFalsy();
-            mathField.pressKey(Keys.PLUS);
+            mathField.pressKey("PLUS");
             expect(mathField.getContent()).toEqual("\\left(\\right)^+");
         });
 
         it("should prefix with empty parens after an operator", () => {
-            mathField.pressKey(Keys.PLUS);
-            mathField.pressKey(Keys.EXP);
+            mathField.pressKey("PLUS");
+            mathField.pressKey("EXP");
             expect(mathField.getContent()).toEqual("+\\left(\\right)^{ }");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x");
-            mathField.pressKey(Keys.EXP);
+            mathField.pressKey("EXP");
             expect(mathField.getContent()).toEqual("35x^{ }");
         });
 
@@ -171,47 +169,47 @@ describe("MathQuill", () => {
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.EXP);
+            mathField.pressKey("EXP");
             expect(mathField.getContent()).toEqual("\\left(35x+5\\right)^{ }");
         });
     });
 
     describe("Square Root", () => {
         it("should work with no content", () => {
-            mathField.pressKey(Keys.SQRT);
+            mathField.pressKey("SQRT");
             expect(mathField.getContent()).toEqual("\\sqrt{ }");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.SQRT);
+            mathField.pressKey("SQRT");
             expect(mathField.getContent()).toEqual("35x^2\\sqrt{ }");
         });
 
         it("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.SQRT);
+            mathField.pressKey("SQRT");
             expect(mathField.getContent()).toEqual("\\sqrt{35x+5}");
         });
     });
 
     describe("Radical", () => {
         it("should work with no content", () => {
-            mathField.pressKey(Keys.RADICAL);
+            mathField.pressKey("RADICAL");
             expect(mathField.getContent()).toEqual("\\sqrt[]{}");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.RADICAL);
+            mathField.pressKey("RADICAL");
             expect(mathField.getContent()).toEqual("35x^2\\sqrt[]{}");
         });
 
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.RADICAL);
+            mathField.pressKey("RADICAL");
             // TODO(kevinb): check cursor location
             expect(mathField.getContent()).toEqual("\\sqrt[ ]{35x+5}");
         });
@@ -219,33 +217,33 @@ describe("MathQuill", () => {
 
     describe("Log", () => {
         it("should work with no content", () => {
-            mathField.pressKey(Keys.LOG);
+            mathField.pressKey("LOG");
             expect(mathField.getContent()).toEqual("\\log\\left(\\right)");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.LOG);
+            mathField.pressKey("LOG");
             expect(mathField.getContent()).toEqual("35x^2\\log\\left(\\right)");
         });
 
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.LOG);
+            mathField.pressKey("LOG");
             expect(mathField.getContent()).toEqual("\\log\\left(35x+5\\right)");
         });
     });
 
     describe("Log w/ base n", () => {
         it("should work with no content", () => {
-            mathField.pressKey(Keys.LOG_N);
+            mathField.pressKey("LOG_N");
             expect(mathField.getContent()).toEqual("\\log_{ }\\left(\\right)");
         });
 
         it("should work after an expression", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.LOG_N);
+            mathField.pressKey("LOG_N");
             expect(mathField.getContent()).toEqual(
                 "35x^2\\log_{ }\\left(\\right)",
             );
@@ -254,7 +252,7 @@ describe("MathQuill", () => {
         it.skip("should work on a selected expression", () => {
             mathField.setContent("35x+5");
             mathField.selectAll();
-            mathField.pressKey(Keys.LOG_N);
+            mathField.pressKey("LOG_N");
             expect(mathField.getContent()).toEqual(
                 "\\log_{ }\\left(35x+5\\right)",
             );
@@ -265,15 +263,15 @@ describe("MathQuill", () => {
         it("should delete an empty fraction from the numerator", () => {
             mathField.setContent("\\frac{ }{ }");
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
         it("should convert a fraction when deleting the denominator", () => {
             mathField.setContent("\\frac{35x^2}{ }");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x^2");
         });
 
@@ -281,29 +279,29 @@ describe("MathQuill", () => {
         it("should select a fraction when deleting from outside of it", () => {
             const expr = "\\frac{35x+5}{x^2}";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
         });
 
         it("should delete parens when inside empty parens", () => {
             mathField.setContent("\\left(\\right)");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
         it("deletes only the first parens when inside empty parens", () => {
             mathField.setContent("\\left(\\right)\\left(\\right)");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("\\left(\\right)");
         });
 
         it("should select an expression when deleting from outside (1)", () => {
             const expr = "\\left(35x+5\\right)";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
         });
@@ -311,7 +309,7 @@ describe("MathQuill", () => {
         it("should select an expression when deleting from outside (2)", () => {
             const expr = "1+\\left(35x+5\\right)";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -324,9 +322,9 @@ describe("MathQuill", () => {
         it("should select an expression when deleting from outside (3)", () => {
             const expr = "1+\\left(35x+5\\right)-1";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -339,9 +337,9 @@ describe("MathQuill", () => {
         it("should select an expression when deleting from outside (4)", () => {
             const expr = "\\left(35x+5\\right)-1";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -353,7 +351,7 @@ describe("MathQuill", () => {
 
         it("should select an expression when deleting from outside", () => {
             mathField.setContent("\\left(35x+5\\right)");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual("\\left(35x+5\\right)");
         });
@@ -361,64 +359,64 @@ describe("MathQuill", () => {
         // TODO(kevinb) fix this behavior so that we delete the exponent too
         it.skip("should not delete squared exponents", () => {
             mathField.setContent("35x^2");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x^2");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x^{ }");
         });
 
         it("should not delete non-square exponents", () => {
             mathField.setContent("35x^5");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x^5");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x^{ }");
         });
 
         it("should delete an empty exponent", () => {
             mathField.setContent("35x^{}");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("35x");
         });
 
         it("should delete an empty square root", () => {
             mathField.setContent("\\sqrt{}");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
         it("should delete an empty radical when cursor is in index", () => {
             mathField.setContent("\\sqrt[]{}");
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
         it("should delete an empty radical when cursor is in body", () => {
-            mathField.pressKey(Keys.RADICAL);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RADICAL");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
         it("should select an empty radical with non-empty root", () => {
-            mathField.pressKey(Keys.CUBE_ROOT);
+            mathField.pressKey("CUBE_ROOT");
             const expr = mathField.getContent();
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
         });
 
         it("should normally delete within a non-empty radical", () => {
-            mathField.pressKey(Keys.CUBE_ROOT);
+            mathField.pressKey("CUBE_ROOT");
             const expr = mathField.getContent();
 
             mathField.pressKey("NUM_2");
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.getContent()).toEqual(expr);
         });
@@ -426,9 +424,9 @@ describe("MathQuill", () => {
         it("deletes nthroot index normally", () => {
             mathField.setContent("\\sqrt[3]{35x+5}");
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
 
             const cursor = mathField.getCursor();
 
@@ -439,8 +437,8 @@ describe("MathQuill", () => {
         it("converts nthroot to sqrt when deleting from index (1)", () => {
             mathField.setContent("\\sqrt[]{35x+5}");
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
 
             const cursor = mathField.getCursor();
 
@@ -451,10 +449,10 @@ describe("MathQuill", () => {
         it("converts nthroot to sqrt when deleting from index (2)", () => {
             mathField.setContent("1+\\sqrt[]{35x+5}");
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
 
             const cursor = mathField.getCursor();
 
@@ -466,8 +464,8 @@ describe("MathQuill", () => {
             const expr = "\\sqrt[3]{35x+5}";
             mathField.setContent(expr);
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.getContent()).toEqual(expr);
         });
@@ -475,7 +473,7 @@ describe("MathQuill", () => {
         it("should select a full square root before deleting it", () => {
             const expr = "\\sqrt{35x+5}";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
@@ -484,7 +482,7 @@ describe("MathQuill", () => {
         it("should select a full nth-root before deleting it", () => {
             const expr = "\\sqrt[3]{35x+5}";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
@@ -492,8 +490,8 @@ describe("MathQuill", () => {
 
         it("should delete log when inside empty log", () => {
             mathField.setContent("\\log\\left(\\right)");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
@@ -501,8 +499,8 @@ describe("MathQuill", () => {
             const expr = "\\log\\left(35x\\right)";
             mathField.setContent(expr);
             mathField.moveToStart();
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("BACKSPACE");
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
         });
@@ -510,7 +508,7 @@ describe("MathQuill", () => {
         it("should select log when outside full log at tail (1)", () => {
             const expr = "\\log\\left(35x\\right)";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
         });
@@ -518,7 +516,7 @@ describe("MathQuill", () => {
         it("should select log when outside full log at tail (2)", () => {
             const expr = "1+\\log\\left(35x\\right)";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -531,9 +529,9 @@ describe("MathQuill", () => {
         it("should select log when outside full log at tail (3)", () => {
             const expr = "1+\\log\\left(35x\\right)-1";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -546,9 +544,9 @@ describe("MathQuill", () => {
         it("should select log when outside full log at tail (4)", () => {
             const expr = "\\log\\left(35x\\right)-1";
             mathField.setContent(expr);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
             const right = selection.ends[MQ.R][MQ.R];
@@ -564,11 +562,11 @@ describe("MathQuill", () => {
 
             // Move right once to get into the parens, and then left twice to
             // get to the empty index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("");
         });
 
@@ -578,18 +576,18 @@ describe("MathQuill", () => {
 
             // Move right once to get into the parens, and then left twice to
             // get to the index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
             expect(mathField.getContent()).toEqual("\\log_{ }\\left(\\right)");
         });
 
         it("should move to index from inside empty log with index", () => {
             mathField.setContent("\\log_5\\left(\\right)");
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("LEFT");
+            mathField.pressKey("BACKSPACE");
 
             const cursor = mathField.getCursor();
 
@@ -604,11 +602,11 @@ describe("MathQuill", () => {
 
             // Move right once to get into the parens, and then left twice to
             // get to the empty index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             expect(mathField.isSelected()).toBeTruthy();
             expect(mathField.getContent()).toEqual(expr);
@@ -621,13 +619,13 @@ describe("MathQuill", () => {
 
             // Move right once to get into the parens, and then left twice to
             // get to the empty index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
@@ -645,13 +643,13 @@ describe("MathQuill", () => {
 
             // Move right three times to get into the parens, and then left
             // twice to get to the start of the empty index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
@@ -669,11 +667,11 @@ describe("MathQuill", () => {
 
             // Move right once to get into the parens, and then left twice to
             // get to the start of the empty index.
-            mathField.pressKey(Keys.RIGHT);
-            mathField.pressKey(Keys.LEFT);
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("RIGHT");
+            mathField.pressKey("LEFT");
+            mathField.pressKey("LEFT");
 
-            mathField.pressKey(Keys.BACKSPACE);
+            mathField.pressKey("BACKSPACE");
 
             const selection = mathField.getSelection();
             const left = selection.ends[MQ.L][MQ.L];
@@ -687,7 +685,7 @@ describe("MathQuill", () => {
 
     describe("Left arrow", () => {
         it("skips function names", () => {
-            mathField.pressKey(Keys.COS);
+            mathField.pressKey("COS");
             const cursor = mathField.getCursor();
 
             // Verify that we're inside the function.
@@ -695,7 +693,7 @@ describe("MathQuill", () => {
             expect(cursor[MQ.R]).toEqual(END_OF_EXPR);
 
             // Navigate left.
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("LEFT");
 
             // Verify that we moved beyond the body of the function.
             expect(cursor[MQ.L]).toEqual(END_OF_EXPR);
@@ -703,8 +701,8 @@ describe("MathQuill", () => {
         });
 
         it("does not skip out of a function with valid content present", () => {
-            mathField.pressKey(Keys.COS);
-            mathField.pressKey(Keys.PLUS);
+            mathField.pressKey("COS");
+            mathField.pressKey("PLUS");
             const cursor = mathField.getCursor();
 
             // Verify that we're inside the function.
@@ -712,7 +710,7 @@ describe("MathQuill", () => {
             expect(cursor[MQ.R]).toEqual(END_OF_EXPR);
 
             // Navigate left.
-            mathField.pressKey(Keys.LEFT);
+            mathField.pressKey("LEFT");
 
             // Verify that we didn't move out of the function.
             expect(cursor[MQ.L]).toEqual(END_OF_EXPR);
@@ -731,7 +729,7 @@ describe("MathQuill", () => {
             expect(cursor[MQ.R].ctrlSeq).toEqual("\\c");
 
             // Navigate right.
-            mathField.pressKey(Keys.RIGHT);
+            mathField.pressKey("RIGHT");
 
             // Verify that we moved into the body of the function.
             expect(cursor[MQ.L]).toEqual(END_OF_EXPR);