@khanacademy/perseus 19.1.5 → 19.1.7

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

@@ -1,262 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content:
-        "Drag the dot all the way to the right.\n\n[[☃ interaction 1]]\n\n\n*Notice that we add a zero to the empty place value.* ",
-    images: {},
-    replace: false,
-    widgets: {
-        "interaction 1": {
-            alignment: "default",
-            graded: true,
-            options: {
-                elements: [
-                    {
-                        key: "parametric-80c114",
-                        options: {
-                            color: "#6495ED",
-                            rangeMax: "2\\pi",
-                            rangeMin: "0",
-                            strokeDasharray: "",
-                            strokeWidth: 4,
-                            x: "\\frac{\\cos(t)}{8}-0.5",
-                            y: "\\frac{\\sin(t)}{3.8}-10+\\frac{10.5}{1+e^{-60\\left(x_0+2.5\\right)}}",
-                        },
-                        type: "parametric",
-                    },
-                    {
-                        key: "line-32ec77",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "-4",
-                            endY: "0",
-                            startX: "-4",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-5ce426",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "-3",
-                            endY: "0",
-                            startX: "-3",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-camf1d",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "-2",
-                            endY: "0",
-                            startX: "-2",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-4cam1d",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "-1",
-                            endY: "0",
-                            startX: "-1",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-47camd",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "0",
-                            endY: "0",
-                            startX: "0",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-c7afmd",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "1",
-                            endY: "0",
-                            startX: "1",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-4cfa1m",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "2",
-                            endY: "0",
-                            startX: "2",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "line-4cafmd",
-                        options: {
-                            arrows: "",
-                            color: "gray",
-                            endX: "3",
-                            endY: "0",
-                            startX: "3",
-                            startY: "1",
-                            strokeDasharray: "- ",
-                            strokeWidth: 1,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "movable-point-4c3809",
-                        options: {
-                            constraint: "y",
-                            constraintFn: "2",
-                            constraintXMax: "-2",
-                            constraintXMin: "-4",
-                            constraintYMax: "10",
-                            constraintYMin: "-10",
-                            snap: 0.5,
-                            startX: "-4",
-                            startY: "2",
-                            varSubscript: 0,
-                        },
-                        type: "movable-point",
-                    },
-                    {
-                        key: "line-190529",
-                        options: {
-                            arrows: "",
-                            color: "black",
-                            endX: "-2",
-                            endY: "2",
-                            startX: "-4",
-                            startY: "2",
-                            strokeDasharray: "",
-                            strokeWidth: 2,
-                        },
-                        type: "line",
-                    },
-                    {
-                        key: "point-eaff7e",
-                        options: {
-                            color: "black",
-                            coordX: "0",
-                            coordY: "0.2",
-                        },
-                        type: "point",
-                    },
-                    {
-                        key: "label-cam26c",
-                        options: {
-                            color: "#6495ED",
-                            coordX: "-2.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",
-                            coordY: "0.5",
-                            label: "\\Huge 2",
-                        },
-                        type: "label",
-                    },
-                    {
-                        key: "label-cam9e1",
-                        options: {
-                            color: "#6495ED",
-                            coordX: "-1.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",
-                            coordY: "0.5",
-                            label: "\\Huge 5",
-                        },
-                        type: "label",
-                    },
-                    {
-                        key: "label-cam716",
-                        options: {
-                            color: "#6495ED",
-                            coordX: "-0.5-\\frac{1}{1+e^{-6\\left(x_0+3\\right)}}",
-                            coordY: "0.5",
-                            label: "\\Huge 9",
-                        },
-                        type: "label",
-                    },
-                    {
-                        key: "label-a06c8d",
-                        options: {
-                            color: "gray",
-                            coordX: "-4",
-                            coordY: "1.7",
-                            label: "$\\small 259$",
-                        },
-                        type: "label",
-                    },
-                    {
-                        key: "label-bcd711",
-                        options: {
-                            color: "gray",
-                            coordX: "-2",
-                            coordY: "1.7",
-                            label: "$\\small 259 \\times 10$",
-                        },
-                        type: "label",
-                    },
-                ],
-                graph: {
-                    backgroundImage: {
-                        height: 0,
-                        url: null,
-                        width: 0,
-                    },
-                    box: [480, 120],
-                    editableSettings: ["canvas", "graph"],
-                    gridStep: [0.5, 0.5],
-                    labels: ["x", "y"],
-                    markings: "none",
-                    range: [
-                        [-4.3, 3.1],
-                        [-0.1, 2.2],
-                    ],
-                    rulerLabel: "",
-                    rulerTicks: 10,
-                    showProtractor: false,
-                    showRuler: false,
-                    snapStep: [1, 1],
-                    tickStep: [0.5, 1],
-                    valid: "Step is too large, there must be at least 3 ticks.",
-                },
-                static: false,
-            },
-            static: false,
-            type: "interaction",
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};

package/src/widgets/__testdata__/interactive-graph-random.testdata.ts

@@ -1,269 +0,0 @@
-import {
-    arrayOfLength,
-    randomBoolean,
-    randomElement,
-    randomInteger,
-    randomLetter,
-    randomWord,
-} from "./randomizers";
-
-import type {Coord} from "../../interactive2/types";
-import type {
-    PerseusGraphType,
-    PerseusGraphTypeAngle,
-    PerseusGraphTypeCircle,
-    PerseusGraphTypeLinear,
-    PerseusGraphTypeLinearSystem,
-    PerseusGraphTypePoint,
-    PerseusGraphTypePolygon,
-    PerseusGraphTypeQuadratic,
-    PerseusGraphTypeRay,
-    PerseusGraphTypeSegment,
-    PerseusGraphTypeSinusoid,
-    PerseusImageBackground,
-    PerseusRenderer,
-} from "../../perseus-types";
-
-const randomCoord = (): Coord => {
-    return [randomInteger(1, 100), randomInteger(1, 100)];
-};
-
-const randomGraphTypeAngle = (): PerseusGraphTypeAngle => {
-    return {
-        type: "angle",
-        showAngles: randomBoolean(),
-        allowReflexAngles: randomBoolean(),
-        angleOffsetDeg: randomInteger(1, 90),
-        snapDegrees: randomInteger(1, 90),
-        match: "congruent",
-        // must be 3 coords for an angle graph
-        coords: arrayOfLength(3).map(randomCoord),
-    };
-};
-
-const randomGraphTypeCircle = (): PerseusGraphTypeCircle => {
-    return {
-        type: "circle",
-        center: randomCoord(),
-        radius: randomInteger(1, 20),
-    };
-};
-
-const randomGraphTypeLinear = (): PerseusGraphTypeLinear => {
-    return {
-        type: "linear",
-        coords: arrayOfLength(2).map(randomCoord),
-    };
-};
-
-const randomGraphTypeLinearSystem = (): PerseusGraphTypeLinearSystem => {
-    return {
-        type: "linear-system",
-        coords: arrayOfLength(2).map(() => arrayOfLength(2).map(randomCoord)),
-    };
-};
-
-const randomGraphTypePoint = (): PerseusGraphTypePoint => {
-    let minCoords = 1;
-    const numPoints = randomElement(["unlimited", randomInteger(1, 10)]);
-    if (typeof numPoints === "number") {
-        minCoords = numPoints;
-    }
-    return {
-        type: "point",
-        numPoints: typeof numPoints === "number" ? numPoints : "unlimited",
-        coords: arrayOfLength(randomInteger(minCoords, 10)).map(randomCoord),
-    };
-};
-
-const randomGraphTypePolygon = (): PerseusGraphTypePolygon => {
-    // Note Jhead - I saw this create at least one broken graph but didn't figure out why
-    return {
-        type: "polygon",
-        numSides: randomElement([
-            "unlimited",
-            undefined,
-            randomInteger(3, 30),
-            randomInteger(3, 30),
-        ]),
-        showAngles: randomBoolean(),
-        showSides: randomBoolean(),
-        snapTo: randomElement(["grid", "angles", "sides"]),
-        match: randomElement(["similar", "congruent", "approx", undefined]),
-        coords: arrayOfLength(randomInteger(3, 20)).map(randomCoord),
-    };
-};
-
-const randomGraphTypeQuadratic = (): PerseusGraphTypeQuadratic => {
-    return {
-        type: "quadratic",
-        coords: arrayOfLength(3).map(randomCoord),
-    };
-};
-
-const randomGraphTypeRay = (): PerseusGraphTypeRay => {
-    return {
-        type: "ray",
-        coords: arrayOfLength(2).map(randomCoord),
-    };
-};
-
-const randomGraphTypeSegment = (): PerseusGraphTypeSegment => {
-    const numSegments = randomInteger(1, 6);
-    return {
-        type: "segment",
-        numSegments,
-        coords: arrayOfLength(numSegments).map(() => [
-            randomCoord(),
-            randomCoord(),
-        ]),
-    };
-};
-
-const randomGraphTypeSinusoid = (): PerseusGraphTypeSinusoid => {
-    return {
-        type: "sinusoid",
-        coords: arrayOfLength(2).map(randomCoord),
-    };
-};
-
-export const randomBackgroundImage = (): PerseusImageBackground => {
-    const height = randomInteger(200, 500);
-    const width = randomInteger(200, 500);
-    const graphieUrl =
-        "web+graphie://ka-perseus-graphie.s3.amazonaws.com/a1b7a05c177742523250b64a3995c9b37aac3399";
-    const placeKittenUrl = `https://placekitten.com/g/${width}/${height}`;
-
-    return {
-        scale: randomInteger(8, 12) / 10,
-        bottom: randomInteger(0, 10) - 5,
-        url: randomElement([graphieUrl, placeKittenUrl, null]),
-        height,
-        width,
-        left: randomInteger(0, 10) - 5,
-    };
-};
-
-export const randomInteractiveGraphGenerator = (
-    type?: string,
-): PerseusRenderer => {
-    const randomRange = (): [number, number] => {
-        const val1 = randomInteger(0, 400) - 200;
-        const val2 = randomInteger(0, 400) - 200;
-        if (val1 < val2) {
-            return [val1, val2];
-        }
-        return [val2, val1];
-    };
-
-    const graphType =
-        type ||
-        randomElement([
-            "angle",
-            "circle",
-            "linear",
-            "linear-system",
-            "point",
-            "polygon",
-            "quadratic",
-            "ray",
-            "segment",
-            "sinusoid",
-        ]);
-
-    let graph: PerseusGraphType;
-    let correct: PerseusGraphType;
-
-    switch (graphType) {
-        case "angle": {
-            graph = randomGraphTypeAngle();
-            correct = randomGraphTypeAngle();
-            break;
-        }
-        case "circle": {
-            graph = randomGraphTypeCircle();
-            correct = randomGraphTypeCircle();
-            break;
-        }
-        case "linear": {
-            graph = randomGraphTypeLinear();
-            correct = randomGraphTypeLinear();
-            break;
-        }
-        case "linear-system": {
-            graph = randomGraphTypeLinearSystem();
-            correct = randomGraphTypeLinearSystem();
-            break;
-        }
-        case "point": {
-            graph = randomGraphTypePoint();
-            correct = randomGraphTypePoint();
-            break;
-        }
-        case "polygon": {
-            graph = randomGraphTypePolygon();
-            correct = randomGraphTypePolygon();
-            break;
-        }
-        case "quadratic": {
-            graph = randomGraphTypeQuadratic();
-            correct = randomGraphTypeQuadratic();
-            break;
-        }
-        case "ray": {
-            graph = randomGraphTypeRay();
-            correct = randomGraphTypeRay();
-            break;
-        }
-        case "segment": {
-            graph = randomGraphTypeSegment();
-            correct = randomGraphTypeSegment();
-            break;
-        }
-        case "sinusoid": {
-            graph = randomGraphTypeSinusoid();
-            correct = randomGraphTypeSinusoid();
-            break;
-        }
-        default: {
-            graph = randomGraphTypeAngle();
-            correct = randomGraphTypeAngle();
-        }
-    }
-
-    return {
-        content: `[[\u2603 interactive-graph 1]]`,
-        images: {},
-        widgets: {
-            "interactive-graph 1": {
-                graded: randomBoolean(),
-                version: {
-                    major: 0,
-                    minor: 0,
-                },
-                static: false, //always false for this widget
-                type: "interactive-graph",
-                options: {
-                    rulerTicks: randomInteger(1, 100),
-                    showProtractor: randomBoolean(0.2),
-                    graph,
-                    snapStep: [
-                        randomInteger(1, 10) / 10,
-                        randomInteger(1, 10) / 10,
-                    ],
-                    labels: [randomLetter() || "x", randomLetter() || "y"],
-                    step: [randomInteger(1, 10), randomInteger(1, 10)],
-                    gridStep: [randomInteger(1, 10), randomInteger(1, 10)],
-                    backgroundImage: randomBackgroundImage(),
-                    range: [randomRange(), randomRange()],
-                    showRuler: randomBoolean(0.2),
-                    markings:
-                        randomElement(["none", "graph", "grid"]) || "none",
-                    rulerLabel: randomElement(["", randomWord()]) || "",
-                    correct,
-                },
-                alignment: "default",
-            },
-        },
-    };
-};