@khanacademy/perseus 7.2.0 → 8.0.0

package/src/widgets/__tests__/__snapshots__/video.test.ts.snap

@@ -60,7 +60,7 @@ exports[`video widget should snapshot on mobile: first mobile render 1`] = `
                 class="default_xu2jcg-o_O-inlineStyles_sc01dy"
               />
               <a
-                class="shared_htyo3s-o_O-resting_nelfll visited-no-recolor"
+                class="shared_17fj7pd-o_O-resting_nelfll visited-no-recolor"
                 href="/transcript/videoNotFound"
                 rel="noopener noreferrer"
                 target="_blank"
@@ -136,7 +136,7 @@ exports[`video widget should snapshot: first render 1`] = `
                 class="default_xu2jcg-o_O-inlineStyles_sc01dy"
               />
               <a
-                class="shared_htyo3s-o_O-resting_nelfll visited-no-recolor"
+                class="shared_17fj7pd-o_O-resting_nelfll visited-no-recolor"
                 href="/transcript/videoNotFound"
                 rel="noopener noreferrer"
                 target="_blank"

package/src/widgets/__tests__/expression.test.ts

@@ -5,7 +5,6 @@ import "@testing-library/jest-dom";
 
 import {testDependencies} from "../../../../../testing/test-dependencies";
 import * as Dependencies from "../../dependencies";
-import {PerseusItem} from "../../perseus-types";
 import {
     expressionItem2,
     expressionItem3,
@@ -15,6 +14,8 @@ import {Expression} from "../expression";
 
 import {renderQuestion} from "./renderQuestion";
 
+import type {PerseusItem} from "../../perseus-types";
+
 const assertComplete = (itemData: PerseusItem, input, isCorrect: boolean) => {
     const {renderer} = renderQuestion(itemData.question);
     userEvent.type(screen.getByRole("textbox"), input);
@@ -334,7 +335,7 @@ describe("interaction", () => {
         expect(score.type).toBe("points");
         // Score.total doesn't exist if the input is invalid
         // In this case we know that it'll be valid so we can assert directly
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'earned' does not exist on type 'PerseusScore'. | TS2339 - Property 'total' does not exist on type 'PerseusScore'.
+        // @ts-expect-error - TS2339 - Property 'earned' does not exist on type 'PerseusScore'. | TS2339 - Property 'total' does not exist on type 'PerseusScore'.
         expect(score.earned).toBe(score.total);
     });
 
@@ -350,7 +351,7 @@ describe("interaction", () => {
         // Assert
         // Score.total doesn't exist if the input is invalid
         // In this case we know that it'll be valid so we can assert directly
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'total' does not exist on type 'PerseusScore'.
+        // @ts-expect-error - TS2339 - Property 'total' does not exist on type 'PerseusScore'.
         expect(score.total).toBe(1);
     });
 });

package/src/widgets/__tests__/grapher.cypress.ts

@@ -43,12 +43,12 @@ describe("Grapher widget", () => {
                     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 + 360, y: top + 180});
                     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 + 340, y: top + 140});
                 });
 
@@ -78,12 +78,12 @@ describe("Grapher widget", () => {
                     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 + 200, y: top + 200});
                     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 + 100, y: top + 100});
                 });
 
@@ -113,19 +113,19 @@ describe("Grapher widget", () => {
                     cy.get(LINES)
                         .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 + 200, y: top + 75});
                     // [0, 3],
                     // [1, -1],
                     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 + 200, y: top + 120});
                     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 + 225, y: top + 225});
                 });
 
@@ -153,17 +153,17 @@ describe("Grapher widget", () => {
                     cy.get(LINES)
                         .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 + 200, y: top + 200});
                     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 + 25, y: top + 25});
                     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 + 200, y: top + 200});
                 });
 
@@ -193,12 +193,12 @@ describe("Grapher widget", () => {
                     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 + 200, y: top + 100});
                     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 + 260, y: top + 200});
                 });
 
@@ -226,12 +226,12 @@ describe("Grapher widget", () => {
                     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 + 100, y: top + 100});
                     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 + 300, y: top + 300});
                 });
 
@@ -262,7 +262,7 @@ describe("Grapher widget", () => {
                     cy.get(LINES)
                         .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 + 50,
                             y: top + 200, // It's a vertical line, so this doesn't matter much
@@ -271,7 +271,7 @@ describe("Grapher widget", () => {
                     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 + 100,
                             y: top + 275,
@@ -280,7 +280,7 @@ describe("Grapher widget", () => {
                     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 + 75,
                             y: top + 375,
@@ -312,7 +312,7 @@ describe("Grapher widget", () => {
                     cy.get(LINES)
                         .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 + 50,
                             y: top + 200, // It's a vertical line, so this doesn't matter much
@@ -321,7 +321,7 @@ describe("Grapher widget", () => {
                     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 + 225,
                             y: top + 125,
@@ -330,7 +330,7 @@ describe("Grapher widget", () => {
                     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 + 100,
                             y: top + 300,
@@ -364,13 +364,13 @@ describe("Grapher widget", () => {
                     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 + 260, y: top + 360});
                     // Move point B
                     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 + 220, y: top + 200});
                 });
 
@@ -399,13 +399,13 @@ describe("Grapher widget", () => {
                     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 + 50, y: top + 50});
                     // Move point B
                     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 + 200, y: top + 300});
                 });
 
@@ -436,12 +436,12 @@ describe("Grapher widget", () => {
                     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 + 220, y: top + 140});
                     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 + 200, y: top + 220});
                 });
 
@@ -470,12 +470,12 @@ describe("Grapher widget", () => {
                     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 + 100, y: top + 140});
                     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 + 200, y: top + 220});
                 });
 
@@ -512,12 +512,12 @@ describe("Grapher widget", () => {
                     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 + 220, y: top + 260});
                     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 + 200, y: top + 200});
                 });
 
@@ -552,12 +552,12 @@ describe("Grapher widget", () => {
                     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 + 200, y: top + 200});
                     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 + 100, y: top + 100});
                 });
 

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

@@ -477,7 +477,7 @@ describe("group widget", () => {
             // Arrange
             const widgetIds = [];
             const widgetCallback = (_: any, widgetId: string) =>
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
+                // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
                 widgetIds.push(widgetId);
 
             // Act