@khanacademy/perseus 7.2.0 → 8.0.0

package/src/widgets/__tests__/interactive-graph.cypress.ts

@@ -46,21 +46,21 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 160, y: top + 240});
 
                     // Move first ray to point B
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 300, y: top + 100});
 
                     // Move second ray to top-left dot
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 70, y: top + 35});
                 });
 
@@ -90,21 +90,21 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 0, y: top + 240});
 
                     // Move first ray to top-left black dot
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 300, y: top + 120});
 
                     // Move second ray to point through B
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 70, y: top + 0});
                 });
 
@@ -136,14 +136,14 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 160, y: top + 280});
 
                     // Resize the circle
                     cy.get(CIRCLES)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 160, y: top + 320});
                 });
 
@@ -173,14 +173,14 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 160, y: top + 280});
 
                     // Resize the circle
                     cy.get(CIRCLES)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: left + 160, y: top + 390});
                 });
 
@@ -214,7 +214,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-1 + 10) * grid,
                             y: top + topOffset + Math.abs(1 + 10 - 20) * grid,
@@ -222,7 +222,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (0 + 10) * grid,
                             y: top + topOffset + Math.abs(-2 + 10 - 20) * grid,
@@ -254,7 +254,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + grid * 1,
                             y: top + topOffset + grid * 1,
@@ -262,7 +262,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + grid * 1,
                             y: top + topOffset + grid * 19,
@@ -299,7 +299,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-7 + 10) * grid,
                             y: top + Math.abs(7 + 10 - 20) * grid,
@@ -309,7 +309,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (0 + 10) * grid,
                             y: top + Math.abs(-2 + 10 - 20) * grid,
@@ -319,7 +319,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-3 + 10) * grid,
                             y: top + Math.abs(-7 + 10 - 20) * grid,
@@ -329,7 +329,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(3)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (7 + 10) * grid,
                             y: top + Math.abs(-3 + 10 - 20) * grid,
@@ -362,7 +362,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-9 + 10) * grid,
                             y: top + Math.abs(9 + 10 - 20) * grid,
@@ -372,7 +372,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (9 + 10) * grid,
                             y: top + Math.abs(9 + 10 - 20) * grid,
@@ -382,7 +382,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-9 + 10) * grid,
                             y: top + Math.abs(-9 + 10 - 20) * grid,
@@ -392,7 +392,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(3)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (9 + 10) * grid,
                             y: top + Math.abs(-9 + 10 - 20) * grid,
@@ -482,17 +482,17 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: 92, y: 126});
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: 92, y: 298});
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: 320, y: 298});
                 });
 
@@ -525,19 +525,19 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: x + grid * 2, y: y});
 
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: x, y: y + grid * 3});
 
                     cy.get(POINTS)
                         .eq(2)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({x: x + grid * 4, y: y + grid * 3});
                 });
 
@@ -570,7 +570,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (5 + 10) * grid,
                             y: top + Math.abs(3 + 10 - 20) * grid,
@@ -579,7 +579,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-5 + 10) * grid,
                             y: top + Math.abs(-5 + 10 - 20) * grid,
@@ -612,7 +612,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (7 + 10) * grid,
                             y: top + Math.abs(-7 + 10 - 20) * grid,
@@ -621,7 +621,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (3 + 10) * grid,
                             y: top + Math.abs(3 + 10 - 20) * grid,
@@ -657,7 +657,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (-7 + 10) * grid,
                             y: top + Math.abs(7 + 10 - 20) * grid,
@@ -666,7 +666,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (2 + 10) * grid,
                             y: top + Math.abs(5 + 10 - 20) * grid,
@@ -698,7 +698,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (8 + 10) * grid,
                             y: top + Math.abs(2 + 10 - 20) * grid,
@@ -707,7 +707,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (8 + 10) * grid,
                             y: top + Math.abs(-8 + 10 - 20) * grid,
@@ -743,7 +743,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (1 + 10) * grid,
                             y: top + Math.abs(2 + 10 - 20) * grid,
@@ -752,7 +752,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (1.5 + 10) * grid,
                             y: top + Math.abs(5 + 10 - 20) * grid,
@@ -784,7 +784,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(0)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (0 + 10) * grid,
                             y: top + Math.abs(0 + 10 - 20) * grid,
@@ -793,7 +793,7 @@ describe("Interactive graph", () => {
                     cy.get(POINTS)
                         .eq(1)
                         .should("exist")
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
+                        // @ts-expect-error - TS2339 - Property 'dragTo' does not exist on type 'Chainable<JQuery<HTMLElement>>'.
                         .dragTo({
                             x: left + (5 + 10) * grid,
                             y: top + Math.abs(9 + 10 - 20) * grid,

package/src/widgets/__tests__/interactive-graph.test.ts

@@ -4,13 +4,13 @@ import {clone} from "../../../../../testing/object-utils";
 import {testDependencies} from "../../../../../testing/test-dependencies";
 import * as Dependencies from "../../dependencies";
 import {ApiOptions} from "../../perseus-api";
-import Renderer from "../../renderer";
 import {questionsAndAnswers} from "../__testdata__/interactive-graph.testdata";
 
 import {renderQuestion} from "./renderQuestion";
 
 import type {Coord} from "../../interactive2/types";
 import type {PerseusRenderer} from "../../perseus-types";
+import type Renderer from "../../renderer";
 import type {APIOptions} from "../../types";
 
 const updateWidgetState = (renderer: Renderer, widgetId: string, update) => {

package/src/widgets/__tests__/numeric-input.test.ts

@@ -505,7 +505,7 @@ describe("unionAnswerForms utility function", () => {
         ];
 
         // act
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ simplify: string; name: string; }[][]' is not assignable to parameter of type 'readonly (readonly PerseusNumericInputAnswerForm[])[]'.
+        // @ts-expect-error - TS2345 - Argument of type '{ simplify: string; name: string; }[][]' is not assignable to parameter of type 'readonly (readonly PerseusNumericInputAnswerForm[])[]'.
         const result = unionAnswerForms(forms);
 
         // assert

package/src/widgets/__tests__/passage.test.tsx

@@ -143,7 +143,7 @@ describe("passage widget", () => {
         const {renderer} = renderQuestion(question2, apiOptions);
         jest.runOnlyPendingTimers();
 
-        // @ts-expect-error [FEI-5003] - TS2503 - Cannot find namespace 'PassageWidgetExport'
+        // @ts-expect-error - TS2503 - Cannot find namespace 'PassageWidgetExport'
         const [passage1]: [PassageWidgetExport.widget] =
             renderer.findWidgets("passage 1");
 
@@ -167,7 +167,7 @@ describe("passage widget", () => {
         const {renderer} = renderQuestion(question2, apiOptions);
         jest.runOnlyPendingTimers();
 
-        // @ts-expect-error [FEI-5003] - TS2503 - Cannot find namespace 'PassageWidgetExport'
+        // @ts-expect-error - TS2503 - Cannot find namespace 'PassageWidgetExport'
         const [passage1]: [PassageWidgetExport.widget] =
             renderer.findWidgets("passage 1");
 

package/src/widgets/__tests__/plotter.test.tsx

@@ -0,0 +1,66 @@
+import "@testing-library/jest-dom";
+import {screen, render} from "@testing-library/react";
+import React from "react";
+
+import {testDependencies} from "../../../../../testing/test-dependencies";
+import {setDependencies} from "../../dependencies";
+import {question1} from "../__testdata__/plotter.testdata";
+import {Plotter} from "../plotter";
+
+import {renderQuestion} from "./renderQuestion";
+
+import type {APIOptions} from "../../types";
+
+describe("plotter widget", () => {
+    beforeEach(() => {
+        setDependencies(testDependencies);
+    });
+
+    it("should snapshot basic question", () => {
+        // Arrange and Act
+        const {container} = renderQuestion(question1);
+
+        // Assert
+        expect(container).toMatchSnapshot("initial render");
+    });
+
+    it("should show drag text when not static", () => {
+        // Arrange and Act
+        const apiOptions: APIOptions = {isMobile: true};
+        render(
+            <Plotter
+                static={false}
+                trackInteraction={() => {}}
+                onChange={() => {}}
+                apiOptions={apiOptions}
+                starting={[0]}
+                markings={""}
+            />,
+        );
+
+        // Assert
+        expect(
+            screen.getByText("Drag handles to make graph"),
+        ).toBeInTheDocument();
+    });
+
+    it("should not show drag text when static", () => {
+        // Arrange and Act
+        const apiOptions: APIOptions = {isMobile: true};
+        render(
+            <Plotter
+                static={true}
+                trackInteraction={() => {}}
+                onChange={() => {}}
+                apiOptions={apiOptions}
+                starting={[0]}
+                markings={""}
+            />,
+        );
+
+        // Assert
+        expect(
+            screen.queryByText("Drag handles to make graph"),
+        ).not.toBeInTheDocument();
+    });
+});

package/src/widgets/__tests__/radio/base-radio.test.tsx

@@ -87,7 +87,7 @@ describe("base-radio", () => {
             checked: ReadonlyArray<boolean>;
             crossedOut: ReadonlyArray<boolean>;
         }) => {
-            // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+            // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
             updatedValues = newValues;
         };
 
@@ -142,7 +142,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 
@@ -173,7 +173,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 
@@ -208,7 +208,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 
@@ -259,7 +259,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 
@@ -308,7 +308,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 
@@ -358,7 +358,7 @@ describe("base-radio", () => {
                 checked: ReadonlyArray<boolean>;
                 crossedOut: ReadonlyArray<boolean>;
             }) => {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
+                // @ts-expect-error - TS2322 - Type '{ checked: readonly boolean[]; crossedOut: readonly boolean[]; }' is not assignable to type 'null'.
                 updatedValues = newValues;
             };
 

package/src/widgets/__tests__/renderQuestion.tsx

@@ -15,7 +15,7 @@ export const renderQuestion = (
     apiOptions: APIOptions = Object.freeze({}),
     extraProps?: JSX.LibraryManagedAttributes<
         typeof Perseus.Renderer,
-        // @ts-expect-error [FEI-5003] - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
+        // @ts-expect-error - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
         React.ComponentProps<typeof Perseus.Renderer>
     >,
 ): {
@@ -25,7 +25,7 @@ export const renderQuestion = (
         question: PerseusRenderer,
         extraProps?: JSX.LibraryManagedAttributes<
             typeof Perseus.Renderer,
-            // @ts-expect-error [FEI-5003] - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
+            // @ts-expect-error - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
             React.ComponentProps<typeof Perseus.Renderer>
         >,
     ) => void;
@@ -51,7 +51,7 @@ export const renderQuestion = (
     }
     const renderAgain = (
         question: PerseusRenderer,
-        // @ts-expect-error [FEI-5003] - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
+        // @ts-expect-error - TS2344 - Type 'typeof Renderer' does not satisfy the constraint 'keyof IntrinsicElements | JSXElementConstructor<any>'.
         extraProps: undefined | React.ComponentProps<typeof Perseus.Renderer>,
     ) => {
         rerender(

package/src/widgets/categorizer.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {linterContextDefault} from "@khanacademy/perseus-linter";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
@@ -51,7 +52,7 @@ export class Categorizer extends React.Component<Props, State> {
     };
 
     change: (...args: ReadonlyArray<unknown>) => any = (...args) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
+        // @ts-expect-error - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
         return Changeable.change.apply(this, args);
     };
 
@@ -67,7 +68,7 @@ export class Categorizer extends React.Component<Props, State> {
         const isMobile = this.props.apiOptions.isMobile;
         let indexedItems = this.props.items.map((item, n) => [item, n]);
         if (this.props.randomizeItems) {
-            // @ts-expect-error [FEI-5003] - TS4104 - The type 'readonly (string | number)[][]' is 'readonly' and cannot be assigned to the mutable type '(string | number)[][]'. | TS2345 - Argument of type 'number | null | undefined' is not assignable to parameter of type 'number | RNG'.
+            // @ts-expect-error - TS4104 - The type 'readonly (string | number)[][]' is 'readonly' and cannot be assigned to the mutable type '(string | number)[][]'. | TS2345 - Argument of type 'number | null | undefined' is not assignable to parameter of type 'number | RNG'.
             indexedItems = Util.shuffle(indexedItems, this.props.problemNum);
         }
 
@@ -102,7 +103,7 @@ export class Categorizer extends React.Component<Props, State> {
                             <tr key={itemNum}>
                                 <td>
                                     <Renderer
-                                        // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | number' is not assignable to type 'string | undefined'.
+                                        // @ts-expect-error - TS2322 - Type 'string | number' is not assignable to type 'string | undefined'.
                                         content={item}
                                         linterContext={this.props.linterContext}
                                     />
@@ -211,7 +212,7 @@ export class Categorizer extends React.Component<Props, State> {
 
     onChange: (arg1: number, arg2: number) => void = (itemNum, catNum) => {
         const values = [...this.props.values];
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'number' is not assignable to type 'never'.
+        // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'never'.
         values[itemNum] = catNum;
         this.change("values", values);
         this.props.trackInteraction();

package/src/widgets/cs-program.tsx

@@ -117,7 +117,7 @@ class CSProgram extends React.Component<any> {
     };
 
     change: (...args: ReadonlyArray<unknown>) => any = (...args) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
+        // @ts-expect-error - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
         return Changeable.change.apply(this, args);
     };
 
@@ -159,7 +159,7 @@ class CSProgram extends React.Component<any> {
             url += "&buttons=yes";
             // Matches templates/scratchpads/embed_script.js
             // Toolbar height is 66, border height is 1 pixel
-            // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'height' because it is a read-only property.
+            // @ts-expect-error - TS2540 - Cannot assign to 'height' because it is a read-only property.
             style.height += 67;
         } else {
             url += "&buttons=no";

package/src/widgets/dropdown.tsx

@@ -53,7 +53,7 @@ class Dropdown extends React.Component<Props> {
         // TODO(LP-10797): This focus() call doesn't do anything because our
         // root element is a <div> and that cannot be focused without a
         // tabIndex.
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).focus();
         return true;
     };