@khanacademy/perseus 19.1.5 → 19.1.6

package/src/__testdata__/renderer.testdata.ts

@@ -1,274 +0,0 @@
-import type {
-    DropdownWidget,
-    ImageWidget,
-    InputNumberWidget,
-    PerseusRenderer,
-} from "../perseus-types";
-import type {RenderProps} from "../widgets/radio/widget";
-
-export const dropdownWidget: DropdownWidget = {
-    type: "dropdown",
-    alignment: "default",
-    static: false,
-    graded: true,
-    options: {
-        static: false,
-        placeholder: "greater/less than or equal to",
-        choices: [
-            {
-                content: "greater than or equal to",
-                correct: false,
-            },
-            {
-                content: "less than or equal to",
-                correct: true,
-            },
-        ],
-    },
-    version: {
-        major: 0,
-        minor: 0,
-    },
-};
-
-export const imageWidget: ImageWidget = {
-    alignment: "block",
-    graded: true,
-    options: {
-        alt: "A number line labeled 200 to 300 with tick marks at every 5 units. The tick marks at 200, 210, 220, 230, 240, 250, 260, 270, 280, 290, and 300 are labeled. A red circle labeled A is between 220 tick mark and 230 tick mark.",
-        backgroundImage: {
-            height: 80,
-            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/3351ccf19e60c28a1d08664f5c16defa76ed0348",
-            width: 380,
-        },
-    },
-    static: false,
-    type: "image",
-    version: {major: 0, minor: 0},
-};
-
-export const inputNumberWidget: InputNumberWidget = {
-    version: {
-        major: 0,
-        minor: 0,
-    },
-    type: "input-number",
-    graded: true,
-    alignment: "default",
-    options: {
-        maxError: 0.1,
-        inexact: false,
-        value: 0.3333333333333333,
-        simplify: "optional",
-        answerType: "rational",
-        size: "normal",
-    },
-};
-
-export const question1: PerseusRenderer = {
-    content:
-        "The total number of boxes the forklift can carry is [[☃ dropdown 1]] $60$.",
-    images: {},
-    widgets: {"dropdown 1": dropdownWidget},
-};
-
-export const question2: PerseusRenderer = {
-    content:
-        "Denis baked a peach pie and cut it into $3$ equal-sized pieces.  Denis's dad eats $1$ section of the pie.  \n\n**What fraction of the pie did Denis's dad eat?**  \n![](https://ka-perseus-graphie.s3.amazonaws.com/74a2b7583a2c26ebfb3ad714e29867541253fc97.png)    \n[[\u2603 input-number 1]]  \n\n\n\n",
-    images: {
-        "https://ka-perseus-graphie.s3.amazonaws.com/74a2b7583a2c26ebfb3ad714e29867541253fc97.png":
-            {
-                width: 200,
-                height: 200,
-            },
-    },
-    widgets: {"input-number 1": inputNumberWidget},
-};
-
-// Note that if this item is used, you _must_ first register the MockWidget
-// @ts-expect-error - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
-export const mockedItem: PerseusRenderer = {
-    // The mock widget type is not part of the PerseusWidget type union (and
-    // we don't want to make it such to avoid polluting our production types
-    // for test purposes) so we force TypeScript to accept it here.
-    content:
-        "Mock widgets ==> [[\u2603 mock-widget 1]] [[\u2603 mock-widget 2]] [[\u2603 mock-widget 3]]",
-    images: {},
-    widgets: {
-        "mock-widget 1": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            type: "mock-widget",
-            options: {static: false, smiling: true},
-            alignment: "default",
-        },
-        "mock-widget 2": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            type: "mock-widget",
-            options: {static: false, smiling: false},
-            alignment: "default",
-        },
-        "mock-widget 3": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            type: "mock-widget",
-            options: {static: false, smiling: true},
-            alignment: "default",
-        },
-    },
-} as PerseusRenderer;
-
-// Note that if this item is used, you _must_ first register the MockWidget
-export const mockedRandomItem: PerseusRenderer = {
-    content: "Mock widgets ==> [[\u2603 radio 1]] [[\u2603 radio 2]]",
-    images: {},
-    widgets: {
-        "radio 1": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            numCorrect: 1,
-            hasNoneOfTheAbove: false,
-            multipleSelect: false,
-            countChoices: false,
-            deselectEnabled: false,
-            type: "radio",
-            options: {
-                static: false,
-                countChoices: false,
-                deselectEnabled: false,
-                displayCount: null,
-                hasNoneOfTheAbove: false,
-                multipleSelect: false,
-                randomize: true,
-                choices: [
-                    {
-                        content: "Content 1",
-                        correct: true,
-                    },
-                    {
-                        content: "Content 2",
-                        correct: false,
-                    },
-                    {
-                        content: "Content 3",
-                        correct: false,
-                    },
-                    {
-                        content: "Content 4",
-                        correct: false,
-                    },
-                ],
-            },
-            alignment: "default",
-        },
-        "radio 2": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            numCorrect: 1,
-            hasNoneOfTheAbove: false,
-            multipleSelect: false,
-            countChoices: false,
-            deselectEnabled: false,
-            type: "radio",
-            options: {
-                static: false,
-                countChoices: false,
-                deselectEnabled: false,
-                displayCount: null,
-                hasNoneOfTheAbove: false,
-                multipleSelect: false,
-                randomize: true,
-                choices: [
-                    {
-                        content: "Content 1",
-                        correct: true,
-                    },
-                    {
-                        content: "Content 2",
-                        correct: false,
-                    },
-                    {
-                        content: "Content 3",
-                        correct: false,
-                    },
-                    {
-                        content: "Content 4",
-                        correct: false,
-                    },
-                ],
-            },
-            alignment: "default",
-        },
-    },
-} as PerseusRenderer;
-
-export const mockedShuffledRadioProps: {[key in string]: RenderProps} = {
-    "radio 1": {
-        numCorrect: 1,
-        countChoices: false,
-        deselectEnabled: false,
-        hasNoneOfTheAbove: false,
-        multipleSelect: false,
-        choices: [
-            {
-                content: "Content 4",
-                correct: false,
-                originalIndex: 3,
-            },
-            {
-                content: "Content 2",
-                correct: false,
-                originalIndex: 1,
-            },
-            {
-                content: "Content 1",
-                correct: true,
-                originalIndex: 0,
-            },
-
-            {
-                content: "Content 3",
-                correct: false,
-                originalIndex: 2,
-            },
-        ],
-        selectedChoices: [false, false, true, false],
-    },
-    "radio 2": {
-        numCorrect: 1,
-        countChoices: false,
-        deselectEnabled: false,
-        hasNoneOfTheAbove: false,
-        multipleSelect: false,
-        choices: [
-            {
-                content: "Content 4",
-                correct: false,
-                originalIndex: 3,
-            },
-            {
-                content: "Content 2",
-                correct: false,
-                originalIndex: 1,
-            },
-            {
-                content: "Content 1",
-                correct: true,
-                originalIndex: 0,
-            },
-
-            {
-                content: "Content 3",
-                correct: false,
-                originalIndex: 2,
-            },
-        ],
-        selectedChoices: [false, false, true, false],
-    },
-};

package/src/__testdata__/server-item-renderer.testdata.ts

@@ -1,171 +0,0 @@
-import {
-    ItemExtras,
-    type InputNumberWidget,
-    type LabelImageWidget,
-    type PerseusItem,
-    type PerseusRenderer,
-    type PerseusAnswerArea,
-} from "../perseus-types";
-
-export const itemWithInput: PerseusItem = {
-    question: {
-        content:
-            "Enter the number $$-42$$ in the box: [[\u2603 input-number 1]]",
-        images: {},
-        widgets: {
-            "input-number 1": {
-                type: "input-number",
-                graded: true,
-                options: {
-                    answerType: "number",
-                    value: "-42",
-                    simplify: "required",
-                    size: "normal",
-                    inexact: false,
-                    maxError: 0.1,
-                },
-            } as InputNumberWidget,
-        },
-    },
-    hints: [
-        {content: "Hint #1", images: {}, widgets: {}},
-        {content: "Hint #2", images: {}, widgets: {}},
-        {content: "Hint #3", images: {}, widgets: {}},
-    ],
-    answerArea: null,
-    _multi: null,
-    itemDataVersion: {major: 0, minor: 0},
-    answer: null,
-};
-
-export const labelImageItem: PerseusItem = {
-    answerArea: Object.fromEntries(
-        ItemExtras.map((extra) => [extra, false]),
-    ) as PerseusAnswerArea,
-    _multi: null,
-    answer: null,
-    hints: [],
-    itemDataVersion: {major: 0, minor: 1},
-    question: {
-        content:
-            "Catherine created a chart and a bar graph to show how many dogs of each breed the animal shelter placed into good homes last year. \n\nDog breed  | Number of dogs \n:- | :-: \nBulldog | $32$ \nGreyhound | $72$ \nMastiff | $56$ \nCollie | $40$ \n\n**Label each bar on the bar graph.**\n\n[[☃ label-image 1]]\n\n\n\n",
-        images: {
-            "web+graphie://ka-perseus-graphie.s3.amazonaws.com/2f60b533892fe6cb9351f704ffdada8ae4bc655c":
-                {height: 365, width: 503},
-            "web+graphie://ka-perseus-graphie.s3.amazonaws.com/75f937c6ea133d655dd9f698a58182efd6cc85d4":
-                {height: 293, width: 331},
-        },
-        widgets: {
-            "label-image 1": {
-                alignment: "default",
-                graded: true,
-                static: false,
-                type: "label-image",
-                version: {major: 0, minor: 0},
-                options: {
-                    choices: ["Bulldog", "Greyhound", "Mastiff", "Collie"],
-                    hideChoicesFromInstructions: true,
-                    imageAlt:
-                        "A bar graph with four bar lines shows the horizontal axis labeled Dog breed and the vertical axis labeled Number of dogs. The vertical axis is labeled from the bottom of the axis to the top of the axis as follows: 0, 8, 16, 24, 32, 40, 48, 56, 64, 72, and 80. The horizontal axis has, from left to right, four unlabeled bar lines as follows: the first unlabeled bar line extends to 56, the second unlabeled bar line extends to 72, the third unlabeled bar line extends to 40, and the fourth unlabeled bar line extends to 32.",
-                    imageHeight: 293,
-                    imageUrl:
-                        "web+graphie://ka-perseus-graphie.s3.amazonaws.com/64ace45942546183c3dc842cb0e9e4f64a312727",
-                    imageWidth: 331,
-                    markers: [
-                        {
-                            answers: ["Bulldog"],
-                            label: "The fourth unlabeled bar line.",
-                            x: 87.3,
-                            y: 90.2,
-                        },
-                        {
-                            answers: ["Collie"],
-                            label: "The third unlabeled bar line.",
-                            x: 67.7,
-                            y: 90.5,
-                        },
-                        {
-                            answers: ["Greyhound"],
-                            label: "The second unlabeled bar line.",
-                            x: 47.7,
-                            y: 90.2,
-                        },
-                        {
-                            answers: ["Mastiff"],
-                            label: "The first unlabeled bar line.",
-                            x: 27.8,
-                            y: 90.5,
-                        },
-                    ],
-                    multipleAnswers: false,
-                    static: false,
-                },
-            } as LabelImageWidget,
-        },
-    },
-};
-
-// Note that if this item is used, you _must_ first register the MockWidget
-export const mockedItem: PerseusItem = {
-    // The mock widget type is not part of the PerseusWidget type union (and
-    // we don't want to make it such to avoid polluting our production types
-    // for test purposes) so we force TypeScript to accept it here.
-    // @ts-expect-error - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; "mock-widget 4": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
-    question: {
-        content:
-            "Mock widget ==> [[\u2603 mock-widget 1]] [[\u2603 mock-widget 2]] [[\u2603 mock-widget 3]] [[\u2603 mock-widget 4]]",
-        images: {},
-        widgets: {
-            "mock-widget 1": {
-                graded: true,
-                version: {major: 0, minor: 0},
-                static: false,
-                type: "mock-widget",
-                options: {static: false, smiling: true},
-                alignment: "default",
-            },
-            "mock-widget 2": {
-                graded: true,
-                version: {major: 0, minor: 0},
-                static: false,
-                type: "mock-widget",
-                options: {static: false, smiling: false},
-                alignment: "default",
-            },
-            "mock-widget 3": {
-                graded: true,
-                version: {major: 0, minor: 0},
-                static: false,
-                type: "mock-widget",
-                options: {static: false, smiling: true},
-                alignment: "default",
-            },
-            "mock-widget 4": {
-                graded: true,
-                version: {major: 0, minor: 0},
-                static: false,
-                type: "mock-widget",
-                options: {static: false, smiling: false},
-                alignment: "default",
-            },
-        },
-    } as PerseusRenderer,
-    hints: [],
-    answerArea: null,
-    _multi: null,
-    itemDataVersion: {major: 0, minor: 0},
-    answer: null,
-};
-
-export const itemWithLintingError: PerseusItem = {
-    question: {
-        content: "# h1s aren't allowed",
-        images: {},
-        widgets: {},
-    },
-    hints: [],
-    answerArea: null,
-    _multi: null,
-    itemDataVersion: {major: 0, minor: 0},
-    answer: null,
-};