@khanacademy/perseus 19.1.4 → 19.1.6

package/src/widgets/__testdata__/expression.testdata.ts

@@ -1,198 +0,0 @@
-import {
-    ItemExtras,
-    type PerseusExpressionWidgetOptions,
-    type Version,
-    type PerseusItem,
-    type PerseusRenderer,
-    type ExpressionWidget,
-    type PerseusAnswerArea,
-} from "../../perseus-types";
-
-import {
-    arrayOfLength,
-    randomBoolean,
-    randomElement,
-    randomInteger,
-    randomLetter,
-    randomSentence,
-    randomWord,
-} from "./randomizers";
-
-const createItemJson = (
-    widgetOptions: PerseusExpressionWidgetOptions,
-    version: Version,
-): PerseusItem => {
-    return {
-        question: {
-            content: "[[☃ expression 1]]",
-            images: {},
-            widgets: {
-                "expression 1": {
-                    type: "expression",
-                    graded: true,
-                    options: widgetOptions,
-                    version: version,
-                },
-            },
-        },
-        _multi: null,
-        answer: null,
-        answerArea: Object.fromEntries(
-            ItemExtras.map((extra) => [extra, false]),
-        ) as PerseusAnswerArea,
-        itemDataVersion: {
-            major: 0,
-            minor: 1,
-        },
-        hints: [],
-    };
-};
-
-export const expressionItemWithAnswer = (answer: string): PerseusItem => {
-    return createItemJson(
-        {
-            answerForms: [
-                {
-                    considered: "correct",
-                    form: false,
-                    simplify: false,
-                    value: answer,
-                },
-            ],
-            times: false,
-            buttonSets: ["basic"],
-            functions: [],
-            buttonsVisible: "always",
-        },
-        {major: 1, minor: 0},
-    );
-};
-
-export const expressionItem2: PerseusItem = createItemJson(
-    {
-        answerForms: [
-            {
-                considered: "correct",
-                form: false,
-                simplify: false,
-                value: "123-x",
-            },
-            {
-                considered: "correct",
-                form: false,
-                simplify: false,
-                value: "x-123",
-            },
-        ],
-        times: false,
-        buttonSets: ["basic"],
-        functions: ["f", "g", "h"],
-        buttonsVisible: "always",
-    },
-    {major: 1, minor: 0},
-);
-
-export const expressionItem3Options: PerseusExpressionWidgetOptions = {
-    answerForms: [
-        {
-            considered: "ungraded",
-            form: false,
-            simplify: false,
-            value: "x+1",
-        },
-        {
-            considered: "wrong",
-            form: false,
-            simplify: false,
-            value: "y+1",
-        },
-        {
-            considered: "correct",
-            form: false,
-            simplify: false,
-            value: "z+1",
-        },
-    ],
-    times: false,
-    buttonSets: ["basic"],
-    functions: ["f", "g", "h"],
-    buttonsVisible: "focused",
-};
-
-export const expressionItem3: PerseusItem = createItemJson(
-    expressionItem3Options,
-    {
-        major: 1,
-        minor: 0,
-    },
-);
-
-export const randomExpressionGenerator = (): PerseusRenderer => {
-    const randomButtonSet = [
-        "basic",
-        "basic+div",
-        "trig",
-        "prealgebra",
-        "logarithms",
-        "basic relations",
-        "advanced relations",
-    ]
-        .sort(() => {
-            return randomBoolean() ? 1 : -1;
-        })
-        .slice(0, randomInteger(1, 6));
-
-    const randomFunctionSet = arrayOfLength(randomInteger(0, 6)).map(
-        randomLetter,
-    );
-
-    return {
-        content: `${randomSentence(20)} [[☃ expression 1]]`,
-        images: {},
-        widgets: {
-            "expression 1": {
-                type: "expression",
-                graded: randomBoolean(),
-                version: {
-                    major: 1,
-                    minor: 0,
-                },
-                static: randomBoolean(0.05),
-                options: {
-                    answerForms: [
-                        {
-                            considered: randomElement([
-                                "correct",
-                                "wrong",
-                                "ungraded",
-                            ]),
-                            form: randomBoolean(),
-                            simplify: randomBoolean(),
-                            value: randomWord(),
-                        },
-                        {
-                            considered: randomElement([
-                                "correct",
-                                "wrong",
-                                "ungraded",
-                            ]),
-                            form: randomBoolean(),
-                            simplify: randomBoolean(),
-                            value: randomWord(),
-                        },
-                    ],
-                    times: randomBoolean(),
-                    buttonSets: randomButtonSet,
-                    functions: randomFunctionSet,
-                    buttonsVisible: randomElement([
-                        "always",
-                        "never",
-                        "focused",
-                        undefined,
-                    ]),
-                    alignment: "default",
-                },
-            } as ExpressionWidget,
-        },
-    };
-};

package/src/widgets/__testdata__/graded-group-set.testdata.ts

@@ -1,356 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const article1: PerseusRenderer = {
-    content:
-        "#Section 1: Adding tenths less than one\n\n[[☃ graded-group-set 1]]\n\n\nBeautiful, let's move on to problems with whole numbers and tenths.",
-    images: {},
-    widgets: {
-        "graded-group-set 1": {
-            type: "graded-group-set",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                gradedGroups: [
-                    {
-                        title: "Problem 1a",
-                        content: "$0.5 + 0.4 =$   [[☃ numeric-input 1]]",
-                        widgets: {
-                            "numeric-input 1": {
-                                type: "numeric-input",
-                                alignment: "default",
-                                static: false,
-                                graded: true,
-                                options: {
-                                    static: false,
-                                    answers: [
-                                        {
-                                            value: 0.9,
-                                            status: "correct",
-                                            message: "",
-                                            simplify: "required",
-                                            strict: false,
-                                            maxError: null,
-                                        },
-                                    ],
-                                    size: "normal",
-                                    coefficient: false,
-                                    labelText: "",
-                                },
-                                version: {major: 0, minor: 0},
-                            },
-                        },
-                        images: {},
-                        hasHint: true,
-                        hint: {
-                            content:
-                                "There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.5 + 0.4$\n\n$=5$ tenths $+ ~4$ tenths\n\n$=9$ tenths\n\n$=0.9$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n\n$\\blueD{0.5} + \\greenD{0.4} = 0.9$\n\n###The answer:\n\n$0.5 + 0.4 = 0.9$",
-                            images: {},
-                            widgets: {
-                                "image 3": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [234, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/cda00c119dac3e52c8ed150ef4a9a37355f5c713",
-                                            width: 234,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 5 of the rows are shaded in blue and 4 of the rows are shaded in green.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 2": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 1": {
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/2a56a60275b7227ed9c5b89e489587c8cb13eb7b",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 5 of the rows are shaded to represent 5 tenths.",
-                                        caption: "",
-                                    },
-                                    type: "image",
-                                    version: {major: 0, minor: 0},
-                                    graded: true,
-                                    alignment: "block",
-                                    static: false,
-                                },
-                            },
-                        },
-                        widgetEnabled: true,
-                        immutableWidgets: false,
-                    },
-                    {
-                        title: "Problem 1b",
-                        content: "$0.6 + 0.4 =$   [[☃ numeric-input 1]]",
-                        widgets: {
-                            "numeric-input 1": {
-                                type: "numeric-input",
-                                alignment: "default",
-                                static: false,
-                                graded: true,
-                                options: {
-                                    static: false,
-                                    answers: [
-                                        {
-                                            value: 1,
-                                            status: "correct",
-                                            message: "",
-                                            simplify: "required",
-                                            strict: false,
-                                            maxError: null,
-                                        },
-                                    ],
-                                    size: "normal",
-                                    coefficient: false,
-                                    labelText: "",
-                                },
-                                version: {major: 0, minor: 0},
-                            },
-                        },
-                        images: {},
-                        hasHint: true,
-                        hint: {
-                            content:
-                                "There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.6 + 0.4$\n\n$=6$ tenths $+ ~4$ tenths\n\n$=10$ tenths\n\n$=1$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n\n$\\blueD{0.6} + \\greenD{0.4} = 1$\n\n###The answer:\n\n$0.6 + 0.4 = 1$",
-                            images: {},
-                            widgets: {
-                                "image 3": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [234, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/54fbc06d92097119f1be5d1679391596209296a7",
-                                            width: 234,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 6 of the rows are shaded in blue and 4 of the rows are shaded in green.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 2": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 1": {
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/8e353e65446a4322f53d640aba33dccd69b0874c",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 6 of the rows are shaded to represent 6 tenths.",
-                                        caption: "",
-                                    },
-                                    type: "image",
-                                    version: {major: 0, minor: 0},
-                                    graded: true,
-                                    alignment: "block",
-                                    static: false,
-                                },
-                            },
-                        },
-                        widgetEnabled: true,
-                        immutableWidgets: false,
-                    },
-                    {
-                        title: "Problem 1c",
-                        content: "$0.8 + 0.4 =$   [[☃ numeric-input 1]]",
-                        widgets: {
-                            "numeric-input 1": {
-                                type: "numeric-input",
-                                alignment: "default",
-                                static: false,
-                                graded: true,
-                                options: {
-                                    static: false,
-                                    answers: [
-                                        {
-                                            value: 1.2,
-                                            status: "correct",
-                                            message: "",
-                                            simplify: "required",
-                                            strict: false,
-                                            maxError: null,
-                                        },
-                                    ],
-                                    size: "normal",
-                                    coefficient: false,
-                                    labelText: "",
-                                },
-                                version: {major: 0, minor: 0},
-                            },
-                        },
-                        images: {},
-                        hasHint: true,
-                        hint: {
-                            content:
-                                "There are many ways to solve this problem. Let's see two student solutions.\n\n###Student A's solution:\n\nI thought in terms of tenths.\n\n$\\phantom{=}0.8 + 0.4$\n\n$=8$ tenths $+ ~4$ tenths\n\n$=12$ tenths\n\n$=1.2$\n\n###Student B's solution:\n\nI used tenths grids.\n\n[[☃ image 1]]\n\n[[☃ image 2]]\n\n[[☃ image 3]]\n$\\blueD{0.8} + \\greenD{0.4} = 1.2$\n\n###The answer:\n\n$ 0.8+0.4=1.2 $",
-                            images: {},
-                            widgets: {
-                                "image 3": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [354, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/4b595ea53e5edc2b5991f2171f384a7eae2eeb24",
-                                            width: 354,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "Two equal sized squares. Each square is divided into 10 rows to show tenths. In the first square, 8 of the rows are shaded in blue and 2 of the rows are shaded in green. In the second square, 2 of the rows are shaded in green.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 2": {
-                                    type: "image",
-                                    alignment: "block",
-                                    static: false,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/217d580bc0baddb903bbcb648fc8d3ea3d0f4408",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 4 of the rows are shaded to represent 4 tenths.",
-                                        caption: "",
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                                "image 1": {
-                                    options: {
-                                        static: false,
-                                        title: "",
-                                        range: [
-                                            [0, 10],
-                                            [0, 10],
-                                        ],
-                                        box: [180, 132],
-                                        backgroundImage: {
-                                            url: "web+graphie://ka-perseus-graphie.s3.amazonaws.com/58d09bc7bdfadbd860c55734bf146578f047edbc",
-                                            width: 180,
-                                            height: 132,
-                                        },
-                                        labels: [],
-                                        alt: "A square divided into 10 rows to show tenths. 8 of the rows are shaded to represent 8 tenths.",
-                                        caption: "",
-                                    },
-                                    type: "image",
-                                    version: {major: 0, minor: 0},
-                                    graded: true,
-                                    alignment: "block",
-                                    static: false,
-                                },
-                            },
-                        },
-                        widgetEnabled: true,
-                        immutableWidgets: false,
-                    },
-                ],
-            },
-            version: {major: 0, minor: 0},
-        },
-    },
-};

package/src/widgets/__testdata__/graded-group.testdata.ts

@@ -1,77 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content: "---\n\n##Check your understanding!\n\n[[☃ graded-group 1]]\n\n",
-    images: {},
-    widgets: {
-        "graded-group 1": {
-            type: "graded-group",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                title: "Metabolic strategies of bacteria",
-                content:
-                    "1. **Which of the following statements about metabolic strategies of bacteria are true?**\n\n [[☃ categorizer 1]]\n\n [[☃ explanation 1]]",
-                images: {},
-                widgets: {
-                    "categorizer 1": {
-                        type: "categorizer",
-                        alignment: "default",
-                        static: false,
-                        graded: true,
-                        options: {
-                            static: false,
-                            items: [
-                                " Some bacteria conduct photosynthesis and produce oxygen, much like plants.",
-                                "Bacteria are always autotrophic but they may get energy from either light or chemical sources.",
-                                "Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).",
-                                "Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.",
-                            ],
-                            categories: ["True", "False"],
-                            values: [0, 1, 0, 0],
-                            randomizeItems: false,
-                        },
-                        version: {major: 0, minor: 0},
-                    },
-                    "explanation 1": {
-                        type: "explanation",
-                        alignment: "default",
-                        static: false,
-                        graded: true,
-                        options: {
-                            static: false,
-                            showPrompt: "Hint",
-                            hidePrompt: "Hide hint",
-                            explanation:
-                                "Some bacteria synthesize their own fuel molecules/fix their own carbon (autotrophic), while others take in fixed carbon from their environments (heterotrophic).\n\nSome autotrophs use light energy to synthesize their own fuel molecules, while others extract energy from chemical sources.\n\nBacteria that extract energy from chemical sources and use it to fix carbon are called chemosynthetic organisms.  These bacteria may be essential to communities where light is not available, like those around deep-sea vents. They can form the base of the food chain (act as primary producers) in these ecosystems.\n\nSome bacteria have symbiotic (mutually beneficial) relationships with other organisms, living inside these organisms and providing them with nutrients.\n\n**The following statements about the metabolic strategies of bacteria are true:**\n\n[[☃ categorizer 1]]",
-                            widgets: {
-                                "categorizer 1": {
-                                    type: "categorizer",
-                                    alignment: "default",
-                                    static: true,
-                                    graded: true,
-                                    options: {
-                                        static: false,
-                                        items: [
-                                            " Some bacteria conduct photosynthesis and produce oxygen, much like plants.",
-                                            "Bacteria are always autotrophic but they may get energy from either light or chemical sources.",
-                                            "Some chemosynthetic bacteria introduce energy and fixed carbon into communities where photosynthesis is not possible (e.g., deep-sea vents).",
-                                            "Some bacteria live symbiotically inside of host organisms and provide the host with nutrients.",
-                                        ],
-                                        categories: ["True", "False"],
-                                        values: [0, 1, 0, 0],
-                                        randomizeItems: false,
-                                    },
-                                    version: {major: 0, minor: 0},
-                                },
-                            },
-                        },
-                        version: {major: 0, minor: 0},
-                    },
-                },
-            },
-            version: {major: 0, minor: 0},
-        },
-    },
-};