-
-
- Test Content
+
+
+ Test Content
+
Welcome to the Source Academy playground!
-
+
`;
diff --git a/src/commons/application/__tests__/Application.tsx b/src/commons/application/__tests__/Application.tsx
deleted file mode 100644
index 54ff1729f2..0000000000
--- a/src/commons/application/__tests__/Application.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useTypedSelector } from 'src/commons/utils/Hooks';
-import { shallowRender } from 'src/commons/utils/TestUtils';
-
-import Application from '../Application';
-
-// JSDOM does not implement window.matchMedia, so we have to mock it.
-window.matchMedia =
- window.matchMedia ||
- function () {
- return {
- matches: false,
- addListener: function () {},
- removeListener: function () {}
- };
- };
-
-jest.mock('react-redux', () => ({
- ...jest.requireActual('react-redux'),
- useDispatch: jest.fn(),
- useSelector: jest.fn()
-}));
-const useSelectorMock = useTypedSelector as jest.Mock;
-
-test('Application renders correctly', () => {
- useSelectorMock.mockReturnValue({ name: 'Bob' });
-
- const app =
-
-`;
diff --git a/src/commons/assessment/__tests__/__snapshots__/Assessment.tsx.snap b/src/commons/assessment/__tests__/__snapshots__/Assessment.tsx.snap
index 7f453e8c1b..ea908d8029 100644
--- a/src/commons/assessment/__tests__/__snapshots__/Assessment.tsx.snap
+++ b/src/commons/assessment/__tests__/__snapshots__/Assessment.tsx.snap
@@ -1,1692 +1,1558 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Assessment page "loading" content renders correctly 1`] = `
-
+
+ The book Structure and Interpretation of Computer Programs, JavaScript Edition -uses JavaScript sublanguages that we call Source. You have chosen the sublanguage Source §1.
-In the editor on the left, you can use the Ace keyboard shortcuts -and also the Source Academy keyboard shortcuts.
", - } - } -/> +
+
++ Welcome to the Source Academy playground! +
+ + ++ The book + + + Structure and Interpretation of Computer Programs, JavaScript Edition + + + +uses JavaScript sublanguages that we call + + + Source + + + . You have chosen the sublanguage + + + Source §1 + + + . +
+ + ++ In the editor on the left, you can use the + + + Ace keyboard shortcuts + + + +and also the + + + Source Academy keyboard shortcuts + + + . +
+
-
-
-
-
+
-
-
-
+
`;
exports[`Assessment page does not show attempt Button for upcoming assessments for student user 1`] = `
-
-
+
+
-
- Fetching assessment...
+
+
+ Fetching assessment...
+
+
+
`;
exports[`Assessment page with 0 missions renders correctly 1`] = `
-
+
`;
exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
-
-
+
-
-
+
+
+ References
+
+
+
-
-
-
+
+
+
+
-
-
-
-
-
-
-
- 
-
+
+
-
-
-
-
+
+
+
-
- - An Odessey to Runes (Duplicate) -
-
-
+ An Odessey to Runes (Duplicate)
+
+
+
-
- - Max XP: 1000 -
-
+
+ Max XP: 1000 +
+This is a test for the UI of the unopened assessment overview. It links to the mock Mission 0",
- }
- }
- />
-
-
-
- - This is an individual assessment. -
-
-
-
-
-
-
-
-
- Opens: 18th June, 13:24
+
+ This is a test for the UI of the unopened assessment overview. It links to the mock Mission 0 +
-
+
+
-
+
-
+
-
+
- 
-
-
-
+
-
-
+
+ This is an individual assessment.
+
+
+
- The Secret to Streams
-
+ This is an individual assessment.
+
+
+
+
-
-
-
-
-
- Max XP: 1000 -
+Once upon a time, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec vulputate sapien. Fusce vel lacus fermentum, efficitur ipsum.",
- }
- }
- />
-
-
-
-
+ - This is an individual assessment. -
-
+
+
- + This is an individual assessment. +
+
-
-
-
+
-
-
-
-
+
-
+
-
- - An Odessey to Runes -
-
-
-
+
-
- - Max XP: 1000 -
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
- incididunt ut labore et dolore magna aliqua.
-
const a = 5;
-Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
- doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
- veritatis et quasi architecto beatae vitae dicta sunt
- explicabo.
-
- - This is a team assessment. -
-
-
-
-
-
- Opened: 18th June, 13:24
+ An Odessey to Runes
+
+
+ + Max XP: 1000 +
+
+
+
+
+ + + Lorem ipsum + + dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. +
+ + +
+
+ const a = 5;
+
+
+
+
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
+
+
+ doloremque laudantium
+
+ , totam rem aperiam, eaque ipsa quae ab illo inventore
+
+
+ veritatis et quasi architecto
+
+ beatae vitae dicta sunt
+
+
+ explicabo
+
+ .
+
-
-
+
+
+
+
+
+ class="bp5-collapse"
+ >
+
+
+
-
-
-
-
-
-
-
+
+
+
- There are no assessments.
-
+
+ There are no assessments. +
+
+
-
-
-
-
+
+
-
-
-
-
@@ -274,5 +202,5 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
-
+
`;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.tsx.snap
index 5c03e21faf..d0e91d258c 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.tsx.snap
@@ -1,556 +1,434 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`CSE Machine component renders correctly 1`] = `
-
-
-
-
-
-
+
`;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentHtmlDisplay.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentHtmlDisplay.tsx.snap
index d150036179..c0a5967b4a 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentHtmlDisplay.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentHtmlDisplay.tsx.snap
@@ -1,11 +1,13 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`HTML Display renders correctly 1`] = `
-
+
+
+
`;
diff --git a/src/commons/sideContent/content/SideContentContestVoting.tsx b/src/commons/sideContent/content/SideContentContestVoting.tsx
index 2af8989e25..2c15dae975 100644
--- a/src/commons/sideContent/content/SideContentContestVoting.tsx
+++ b/src/commons/sideContent/content/SideContentContestVoting.tsx
@@ -117,7 +117,9 @@ const SideContentContestVoting: React.FC = ({
onDragLeave={handleDragLeave}
onDragEnter={handleDragEnter}
onDrop={handleDrop}
- ref={item => (tierContainerRefs.current[index] = item)}
+ ref={item => {
+ tierContainerRefs.current[index] = item;
+ }}
/>
));
@@ -146,7 +148,9 @@ const SideContentContestVoting: React.FC = ({
id={`item-${index + 1}`}
onDragStart={handleDragStart}
onDragEnd={handleDragEnd(contestEntry)}
- ref={item => (contestEntryRefs.current[index] = item)}
+ ref={item => {
+ contestEntryRefs.current[index] = item;
+ }}
data-testid="voting-item"
>
= ({ allowEdits, content, setContent }) => {
const [editorModeOn, setEditorModeOn] = React.useState(false);
- const node = React.useRef() as any;
+ const node = React.useRef(null);
useEffect(() => {
function handleClick(event: any) {
diff --git a/src/commons/sourceRecorder/SourceRecorderControlBar.tsx b/src/commons/sourceRecorder/SourceRecorderControlBar.tsx
index 842a6d9b1f..4606a87eca 100644
--- a/src/commons/sourceRecorder/SourceRecorderControlBar.tsx
+++ b/src/commons/sourceRecorder/SourceRecorderControlBar.tsx
@@ -53,7 +53,7 @@ type State = {
};
class SourceRecorderControlBar extends React.PureComponent {
- private audio: React.RefObject;
+ private audio: React.RefObject;
constructor(props: SourceRecorderControlBarProps) {
super(props);
diff --git a/src/commons/sourceRecorder/SourceRecorderEditor.tsx b/src/commons/sourceRecorder/SourceRecorderEditor.tsx
index 0f7b9af4d0..ebb1de4a72 100644
--- a/src/commons/sourceRecorder/SourceRecorderEditor.tsx
+++ b/src/commons/sourceRecorder/SourceRecorderEditor.tsx
@@ -60,7 +60,7 @@ type OwnProps = {
class SourcecastEditor extends React.PureComponent {
public ShareAce: any;
- public AceEditor: React.RefObject;
+ public AceEditor: React.RefObject;
private onChangeMethod: (newCode: string, delta: CodeDelta) => void;
private onCursorChange: (selecction: any) => void;
private onSelectionChange: (selection: any) => void;
diff --git a/src/commons/utils/Hooks.ts b/src/commons/utils/Hooks.ts
index 9aafc00d08..f54732ab95 100644
--- a/src/commons/utils/Hooks.ts
+++ b/src/commons/utils/Hooks.ts
@@ -79,7 +79,9 @@ export const useTypedSelector: TypedUseSelectorHook = useSelector;
* @param ref A reference to the underlying HTML element.
*/
-export const useDimensions = (ref: RefObject): [width: number, height: number] => {
+export const useDimensions = (
+ ref: RefObject
+): [width: number, height: number] => {
const [width, setWidth] = React.useState(0);
const [height, setHeight] = React.useState(0);
diff --git a/src/commons/utils/TestUtils.ts b/src/commons/utils/TestUtils.ts
index 401368cddd..d6f0c3260a 100644
--- a/src/commons/utils/TestUtils.ts
+++ b/src/commons/utils/TestUtils.ts
@@ -1,22 +1,22 @@
+import { render } from '@testing-library/react';
import React, { act } from 'react';
-import renderer from 'react-test-renderer';
-import { createRenderer } from 'react-test-renderer/shallow';
+import { shallow } from 'shallow-react-snapshot';
export const shallowRender = (element: React.ReactElement) => {
- const renderer = createRenderer();
- renderer.render(element);
- return renderer.getRenderOutput();
+ const app = render(element);
+ return shallow(app.container, element);
};
export const renderTree = async (element: React.ReactElement) => {
- const app = renderer.create(element);
+ const app = render(element);
await act(() => app);
- return app;
+ return app.asFragment();
};
+// TODO: Remove and replace with renderTree directly
export const renderTreeJson = async (element: React.ReactElement) => {
const app = await renderTree(element);
- return app.toJSON();
+ return app;
};
/**
@@ -27,7 +27,7 @@ export const renderTreeJson = async (element: React.ReactElement) => {
export function deepFilter(
nestedObject: T,
matchFn: (e: T) => boolean,
- getChildren: (e: T) => T[]
+ getChildren: (e: T) => T[] | undefined
) {
const matches: any[] = [];
diff --git a/src/features/cseMachine/__tests__/__snapshots__/CseMachine.tsx.snap b/src/features/cseMachine/__tests__/__snapshots__/CseMachine.tsx.snap
index 4ba8d5e510..5fa9134f8d 100644
--- a/src/features/cseMachine/__tests__/__snapshots__/CseMachine.tsx.snap
+++ b/src/features/cseMachine/__tests__/__snapshots__/CseMachine.tsx.snap
@@ -1,1264 +1,2732 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`CSE Machine Control Stash correctly renders: Control is truncated properly 1`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "208",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "*",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 40,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Perform * on top 2 stash values",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: Control is truncated properly 2`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "209",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#030fff",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "*",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 75,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Perform * on top 2 stash values",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 80,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: Control is truncated properly 3`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "210",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 10,
+ "preventDefault": false,
+ "text": "10",
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 140,
+ "y": 5,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "10",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: Control is truncated properly 4`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "211",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#ff1744",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 10,
+ "preventDefault": false,
+ "text": "9",
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 178,
+ "y": 5,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "9",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 183,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: Control is truncated properly 5`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "212",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#ff1744",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 10,
+ "preventDefault": false,
+ "text": "40320",
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 207,
+ "y": 5,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "40320",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 212,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 1`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "105",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "call 0",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 40,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Call function with 0 arguments",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 2`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "106",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "arr acc",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 75,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Access array at given index",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 80,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 3`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "107",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "1",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 110,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "1",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 115,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 4`] = `
-
-
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "111",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "env",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 145,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Set current environment to this environment",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 150,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "110",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "108",
+ "props": {
+ "data": "M 140 162.5 L 170 240 L 170 240 ",
+ "preventDefault": false,
+ "stroke": "#999",
+ "strokeWidth": 1,
+ },
+ "type": "Path",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "109",
+ "props": {
+ "fill": "#999",
+ "pointerWidth": 10,
+ "points": [
+ 140,
+ 162.5,
+ 170,
+ 240,
+ ],
+ "preventDefault": false,
+ "strokeEnabled": false,
+ },
+ "type": "Arrow",
+ },
+ ],
+ "listening": false,
+ "ref": {
+ "current": null,
+ },
+ },
+ "type": "Group",
+ },
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 5`] = `
-
-
-
-
-`;
-
-exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 6`] = `
-
-
-
-
-
-
-`;
-
-exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 7`] = `
-
-
-
-
-`;
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "112",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "mark",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 180,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Mark return address",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 185,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
+`;
+
+exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 6`] = `
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "116",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "env",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 215,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Set current environment to this environment",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 220,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "115",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "113",
+ "props": {
+ "data": "M 140 232.5 L 170 390 L 170 390 ",
+ "preventDefault": false,
+ "stroke": "#999",
+ "strokeWidth": 1,
+ },
+ "type": "Path",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "114",
+ "props": {
+ "fill": "#999",
+ "pointerWidth": 10,
+ "points": [
+ 140,
+ 232.5,
+ 170,
+ 390,
+ ],
+ "preventDefault": false,
+ "strokeEnabled": false,
+ },
+ "type": "Arrow",
+ },
+ ],
+ "listening": false,
+ "ref": {
+ "current": null,
+ },
+ },
+ "type": "Group",
+ },
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
+`;
+
+exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 7`] = `
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "117",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "return ar…",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 250,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "return arr;",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 255,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
+`;
+
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 8`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "118",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "pop",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 285,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Pop most recently pushed value from stash",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 290,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 9`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "119",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "while",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 320,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Keep executing while loop body if predicate holds",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 325,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 10`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "120",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "x < n",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 355,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "x < n",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 360,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 11`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "121",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "x = x + 1;",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 390,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "x = x + 1;",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 395,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 12`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "122",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "pop",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 425,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Pop most recently pushed value from stash",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 430,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: arrows from the environment instruction to the frame and arrows from the stash to closures 13`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "123",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#030fff",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "arr[x] = …",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 460,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "arr[x] = () => x;",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 465,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: global environments are treated correctly 1`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "54",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "math_sin(…",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 40,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "math_sin(math_PI / 2);",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: global environments are treated correctly 2`] = `
-
-
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "58",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "env",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 75,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Set current environment to this environment",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 80,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "57",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "55",
+ "props": {
+ "data": "M 140 92.5 L 170 105 L 170 105 ",
+ "preventDefault": false,
+ "stroke": "#999",
+ "strokeWidth": 1,
+ },
+ "type": "Path",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "56",
+ "props": {
+ "fill": "#999",
+ "pointerWidth": 10,
+ "points": [
+ 140,
+ 92.5,
+ 170,
+ 105,
+ ],
+ "preventDefault": false,
+ "strokeEnabled": false,
+ },
+ "type": "Arrow",
+ },
+ ],
+ "listening": false,
+ "ref": {
+ "current": null,
+ },
+ },
+ "type": "Group",
+ },
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: global environments are treated correctly 3`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "59",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "pop",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 110,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Pop most recently pushed value from stash",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 115,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: global environments are treated correctly 4`] = `
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "60",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#030fff",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "height": 35,
+ "padding": 10,
+ "preventDefault": false,
+ "text": "asgn math…",
+ "width": 120,
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 20,
+ "y": 145,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "Assign value on top of stash to math_sin",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 150,
+ },
+ "type": "Label",
+ },
+ undefined,
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine Control Stash correctly renders: global environments are treated correctly 5`] = `
-
-
-
-
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "64",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "cornerRadius": 5,
+ "preventDefault": false,
+ "stroke": "#999",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 10,
+ "preventDefault": false,
+ "text": "closure",
+ },
+ "type": "Text",
+ },
+ ],
+ "onMouseEnter": [Function],
+ "onMouseLeave": [Function],
+ "ref": {
+ "current": null,
+ },
+ "x": 140,
+ "y": 5,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#000",
+ "opacity": 0.7,
+ "preventDefault": false,
+ "stroke": "#000",
+ },
+ "type": "Tag",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "fill": "#999",
+ "fontFamily": "monospace, monospace",
+ "fontSize": 15,
+ "fontStyle": "normal",
+ "fontVariant": "normal",
+ "padding": 5,
+ "preventDefault": false,
+ "text": "closure",
+ },
+ "type": "Text",
+ },
+ ],
+ "ref": {
+ "current": null,
+ },
+ "visible": false,
+ "x": 145,
+ "y": 45,
+ },
+ "type": "Label",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "63",
+ "props": {
+ "children": [
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "61",
+ "props": {
+ "data": "M 181.5 40 L 379 330 L 379 330 ",
+ "preventDefault": false,
+ "stroke": "#999",
+ "strokeWidth": 1,
+ },
+ "type": "Path",
+ },
+ {
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": "62",
+ "props": {
+ "fill": "#999",
+ "pointerWidth": 10,
+ "points": [
+ 181.5,
+ 40,
+ 379,
+ 330,
+ ],
+ "preventDefault": false,
+ "strokeEnabled": false,
+ },
+ "type": "Arrow",
+ },
+ ],
+ "listening": false,
+ "ref": {
+ "current": null,
+ },
+ },
+ "type": "Group",
+ },
+ ],
+ },
+ "type": Symbol(react.fragment),
+}
`;
exports[`CSE Machine calculates correct layout for code sample 0 1`] = `
diff --git a/src/features/cseMachine/components/Text.tsx b/src/features/cseMachine/components/Text.tsx
index d979391885..2629cb70de 100644
--- a/src/features/cseMachine/components/Text.tsx
+++ b/src/features/cseMachine/components/Text.tsx
@@ -49,7 +49,7 @@ export class Text extends Visible implements IHoverable {
readonly fullStr: string; // full string representation of data
readonly options: TextOptions = defaultOptions;
- readonly labelRef: React.RefObject
-
-
-
+
+
-
-
-
-
+
+
-
-
-
-
+
+
-
-
-
-
+
+
-
-
+
`;
diff --git a/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.tsx.snap b/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.tsx.snap
index 3f1f133cb7..f455263a91 100644
--- a/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.tsx.snap
+++ b/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.tsx.snap
@@ -1,57 +1,54 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AssessmentWorkspace AssessmentWorkspace page "loading" content renders correctly 1`] = `
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
+
+
-
-
-
-
-
+
+
+
-
- - The Secret to Streams -
-
-
+ The Secret to Streams
+
+
+
-
- - Max XP: 1000 -
-
+
+ Max XP: 1000 +
+Once upon a time, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec vulputate sapien. Fusce vel lacus fermentum, efficitur ipsum.",
- }
- }
- />
-
-
-
- - This is an individual assessment. -
-
-
-
-
-
-
-
- Opened: 18th July, 13:24
+
- + Once upon a time, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec vulputate sapien. Fusce vel lacus fermentum, efficitur ipsum. +
+
-
+
+ This is an individual assessment.
+
- - - - Due: 18th June, 13:24 -
-
-
-
+
-
-
-
-
+
-
+
-
- - An Odessey to Runes -
-
-
-
+
-
- - Max XP: 1000 -
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
- incididunt ut labore et dolore magna aliqua.
-
const a = 5;
-Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
- doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
- veritatis et quasi architecto beatae vitae dicta sunt
- explicabo.
-
- - This is a team assessment. -
-
-
-
-
-
- Opened: 18th June, 13:24
+ An Odessey to Runes
+
+
+ + Max XP: 1000 +
+
+
+
+
+ + + Lorem ipsum + + dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. +
+ + +
+
+ const a = 5;
+
+
+
+
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
+
+
+ doloremque laudantium
+
+ , totam rem aperiam, eaque ipsa quae ab illo inventore
+
+
+ veritatis et quasi architecto
+
+ beatae vitae dicta sunt
+
+
+ explicabo
+
+ .
+
-
-
+
+
+
+
+
+ class="bp5-collapse"
+ >
+
+
+
-
-
-
+
+
-
+
`;
exports[`AssessmentWorkspace AssessmentWorkspace page with ContestVoting question renders correctly 1`] = `
@@ -387,7 +384,6 @@ exports[`AssessmentWorkspace AssessmentWorkspace page with ContestVoting questio
- Getting mission ready...
+
-
+
+ Getting mission ready...
+
{
- private sessionEditingIdInputElem: React.RefObject;
- private sessionViewingIdInputElem: React.RefObject;
+ private sessionEditingIdInputElem: React.RefObject;
+ private sessionViewingIdInputElem: React.RefObject;
constructor(props: ControlBarSessionButtonsProps) {
super(props);
diff --git a/src/commons/controlBar/ControlBarShareButton.tsx b/src/commons/controlBar/ControlBarShareButton.tsx
index 7c3464895a..15945e579f 100644
--- a/src/commons/controlBar/ControlBarShareButton.tsx
+++ b/src/commons/controlBar/ControlBarShareButton.tsx
@@ -35,7 +35,7 @@ type State = {
};
export class ControlBarShareButton extends React.PureComponent {
- private shareInputElem: React.RefObject;
+ private shareInputElem: React.RefObject;
constructor(props: ControlBarShareButtonProps) {
super(props);
diff --git a/src/commons/dropdown/DropdownCourses.tsx b/src/commons/dropdown/DropdownCourses.tsx
index 6bc10e5f6c..e47042912c 100644
--- a/src/commons/dropdown/DropdownCourses.tsx
+++ b/src/commons/dropdown/DropdownCourses.tsx
@@ -13,7 +13,7 @@ type Props = {
courseId?: number;
};
-const DropdownCourses: React.FC = ({ isOpen, onClose, courses, courseId }) => {
+const DropdownCourses = (({ isOpen, onClose, courses, courseId }) => {
const navigate = useNavigate();
const options = courses.map(course => ({
@@ -47,6 +47,6 @@ const DropdownCourses: React.FC = ({ isOpen, onClose, courses, courseId }
);
-};
+}) satisfies React.FC;
export default DropdownCourses;
diff --git a/src/commons/dropdown/DropdownCreateCourse.tsx b/src/commons/dropdown/DropdownCreateCourse.tsx
index 2d37ce7eb9..54c2bfe3a2 100644
--- a/src/commons/dropdown/DropdownCreateCourse.tsx
+++ b/src/commons/dropdown/DropdownCreateCourse.tsx
@@ -29,7 +29,7 @@ type Props = {
onClose: () => void;
};
-const DropdownCreateCourse: React.FC = props => {
+const DropdownCreateCourse = (props => {
const dispatch = useDispatch();
const [courseConfig, setCourseConfig] = React.useState({
@@ -280,6 +280,6 @@ const DropdownCreateCourse: React.FC = props => {
);
-};
+}) satisfies React.FC;
export default DropdownCreateCourse;
diff --git a/src/commons/dropdown/__tests__/__snapshots__/Dropdown.tsx.snap b/src/commons/dropdown/__tests__/__snapshots__/Dropdown.tsx.snap
index bbe96b5fc2..8330a6969e 100644
--- a/src/commons/dropdown/__tests__/__snapshots__/Dropdown.tsx.snap
+++ b/src/commons/dropdown/__tests__/__snapshots__/Dropdown.tsx.snap
@@ -1,57 +1,61 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Dropdown correctly mounts Profile, DropdownCourses, and DropdownCreateCourses components when a user is logged in 1`] = `
-
-
-
+
+
+
+
+
`;
exports[`Dropdown does not mount Profile, DropdownCourses and DropdownCreateCourses components when a user is not logged in 1`] = `
-
-
-
+
+
+
`;
diff --git a/src/commons/editor/__tests__/Editor.tsx b/src/commons/editor/__tests__/Editor.tsx
index a3c04a84f0..d241aeff3a 100644
--- a/src/commons/editor/__tests__/Editor.tsx
+++ b/src/commons/editor/__tests__/Editor.tsx
@@ -1,9 +1,11 @@
-import { shallowRender } from 'src/commons/utils/TestUtils';
+import { Provider } from 'react-redux';
+import { renderTree } from 'src/commons/utils/TestUtils';
+import { createStore } from 'src/pages/createStore';
import Editor, { EditorProps } from '../Editor';
import { Position } from '../EditorTypes';
-test('Editor renders correctly', () => {
+test('Editor renders correctly', async () => {
const props: EditorProps = {
editorTabIndex: 0,
breakpoints: [],
@@ -20,7 +22,11 @@ test('Editor renders correctly', () => {
handleUpdateHasUnsavedChanges: hasUnsavedChanges => {},
handlePromptAutocomplete: (row: number, col: number, callback: any) => {}
};
- const Element: React.FC = () =>
+
+ );
+ const tree = await renderTree(
+
`;
diff --git a/src/commons/navigationBar/subcomponents/__tests__/AcademyNavigationBar.tsx b/src/commons/navigationBar/subcomponents/__tests__/AcademyNavigationBar.tsx
index 1be483f623..c591846291 100644
--- a/src/commons/navigationBar/subcomponents/__tests__/AcademyNavigationBar.tsx
+++ b/src/commons/navigationBar/subcomponents/__tests__/AcademyNavigationBar.tsx
@@ -20,9 +20,9 @@ const assessmentPaths = assessmentTypes.map(e => e.toLowerCase()).map(createCour
const staffPaths = staffRoutes.map(createCoursePath);
const adminPaths = adminRoutes.map(createCoursePath);
-const createMatchFn = (to: string) => (e: React.ReactElement) =>
+const createMatchFn = (to: string) => (e: React.ReactElement) =>
e.props.to === to && !e.props.disabled;
-const getChildren = (e: React.ReactElement) => e.props.children;
+const getChildren = (e: React.ReactElement) => e.props.children;
const validateAssessmentPaths = (tree: React.ReactElement, exist: boolean = true) =>
assessmentPaths.forEach(path => {
diff --git a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.tsx.snap b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.tsx.snap
index 4a517e0706..8b86d46aba 100644
--- a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.tsx.snap
+++ b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.tsx.snap
@@ -1,33 +1,40 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`NavigationBarLangSelectButton should render correctly 1`] = `
-
-
-
+
+
+
+
+
`;
diff --git a/src/commons/profile/Profile.tsx b/src/commons/profile/Profile.tsx
index da0368b21c..7d0db57563 100644
--- a/src/commons/profile/Profile.tsx
+++ b/src/commons/profile/Profile.tsx
@@ -16,7 +16,7 @@ type OwnProps = {
onClose: () => void;
};
-const Profile: React.FC = props => {
+const Profile = (props => {
// FIXME: `xp` is actually of type number | undefined here!
// Fix the session type, then remove the typecast below
const {
@@ -188,6 +188,6 @@ const Profile: React.FC = props => {
{content}
);
-};
+}) satisfies React.FC;
export default Profile;
diff --git a/src/commons/repl/__tests__/Repl.tsx b/src/commons/repl/__tests__/Repl.tsx
index da77d4c895..298e79c38b 100644
--- a/src/commons/repl/__tests__/Repl.tsx
+++ b/src/commons/repl/__tests__/Repl.tsx
@@ -1,6 +1,5 @@
import { Chapter, Variant } from 'js-slang/dist/types';
import { ExternalLibraryName } from 'src/commons/application/types/ExternalTypes';
-import { shallowRender } from 'src/commons/utils/TestUtils';
import {
CodeOutput,
@@ -34,7 +33,7 @@ const mockErrorOutput: ErrorOutput = {
consoleLogs: []
};
-test('Repl renders correctly', () => {
+test('Repl renders correctly', async () => {
const props = {
handleBrowseHistoryDown: () => {},
handleBrowseHistoryUp: () => {},
@@ -49,56 +48,48 @@ test('Repl renders correctly', () => {
replButtons: []
};
const app =
-
- display('');
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "output": {
+ "type": "code",
+ "value": "display('');",
+ },
+ },
+ "type": [Function],
+}
`;
exports[`Empty output renders an empty card 1`] = `
-
- ''
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "output": {},
+ },
+ "type": [Function],
+}
`;
exports[`Error output (no consoleLogs) renders correctly 1`] = `
-
-
- Expected , got .
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "output": {
+ "consoleLogs": [],
+ "errors": [
+ TypeError {
+ "chapter": 4,
+ "expected": "",
+ "got": "",
+ "location": {
+ "end": {
+ "column": -1,
+ "line": -1,
+ },
+ "start": {
+ "column": -1,
+ "line": -1,
+ },
+ },
+ "severity": "Error",
+ "side": "",
+ "type": "Runtime",
+ },
+ ],
+ "type": "errors",
+ },
+ },
+ "type": [Function],
+}
`;
exports[`Error output (with consoleLogs) renders correctly 1`] = `
-
-
- a
-bb
-cccccccccccccccccccccccccccccccc
-d
-
-
-
- Expected , got .
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "output": {
+ "consoleLogs": [
+ "a",
+ "bb",
+ "cccccccccccccccccccccccccccccccc",
+ "d",
+ ],
+ "errors": [
+ TypeError {
+ "chapter": 4,
+ "expected": "",
+ "got": "",
+ "location": {
+ "end": {
+ "column": -1,
+ "line": -1,
+ },
+ "start": {
+ "column": -1,
+ "line": -1,
+ },
+ },
+ "severity": "Error",
+ "side": "",
+ "type": "Runtime",
+ },
+ ],
+ "type": "errors",
+ },
+ },
+ "type": [Function],
+}
`;
exports[`Repl renders correctly 1`] = `
-
-
- a
-bb
-cccccccccccccccccccccccccccccccc
-d
-
-
+{
+ "$$typeof": Symbol(react.transitional.element),
+ "_owner": null,
+ "_store": {},
+ "key": null,
+ "props": {
+ "output": {
+ "consoleLogs": [
+ "a",
+ "bb",
+ "cccccccccccccccccccccccccccccccc",
+ "d",
+ ],
+ "type": "running",
+ },
+ },
+ "type": [Function],
+}
`;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.tsx.snap
index bbc846099c..0c8cb0b26f 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.tsx.snap
@@ -1,272 +1,200 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SideContentContestVotingContainer matches snapshot 1`] = `
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
-
+ "severity": "Error",
+ "side": "",
+ "type": "Runtime",
+ },
+ ],
+ "type": "errors",
+ },
+ {
+ "consoleLogs": [
+ "a",
+ "bb",
+ "cccccccccccccccccccccccccccccccc",
+ "d",
+ ],
+ "type": "running",
+ },
+ ],
+ "replButtons": [],
+ "replValue": "",
+ "sourceChapter": 1,
+ "sourceVariant": "default",
+ },
+ "type": [Function],
+}
`;
exports[`Result output (no consoleLogs) renders correctly 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
- 3 -+
+ 3 ++
-
- The CSE machine generates control, stash and environment model diagrams following a notation introduced in
-
-
-
- Structure and Interpretation of Computer Programs, JavaScript Edition, Chapter 3, Section 2
-
-
-
- .
-
-
- On this tab, the REPL will be hidden from view, so do check that your code has no errors before running the stepper. You may use this tool by running your program and then dragging the slider above to see the state of the control, stash and environment at different stages in the evaluation of your program. Clicking on the fast-forward button (double chevron) will take you to the next breakpoint in your program -
-
+ + - Some useful keyboard shortcuts: -
-
- a: Move to the first step -
- e: Move to the last step -
- f: Move to the next step -
- b: Move to the previous step -
-
- Note that these shortcuts are only active when the browser focus is on this tab. -
- -
- On this tab, the REPL will be hidden from view, so do check that your code has no errors before running the stepper. You may use this tool by running your program and then dragging the slider above to see the state of the control, stash and environment at different stages in the evaluation of your program. Clicking on the fast-forward button (double chevron) will take you to the next breakpoint in your program -
-
+ + - Some useful keyboard shortcuts: -
-
- a: Move to the first step -
- e: Move to the last step -
- f: Move to the next step -
- b: Move to the previous step -
-
- Note that these shortcuts are only active when the browser focus is on this tab. -
-
-
+
+ On this tab, the REPL will be hidden from view, so do check that your code has no errors before running the stepper. You may use this tool by running your program and then dragging the slider above to see the state of the control, stash and environment at different stages in the evaluation of your program. Clicking on the fast-forward button (double chevron) will take you to the next breakpoint in your program +
+
+ + Some useful keyboard shortcuts: +
+
+ a: Move to the first step +
+ e: Move to the last step +
+ f: Move to the next step +
+ b: Move to the previous step +
+
+ Note that these shortcuts are only active when the browser focus is on this tab. +
+
+ On this tab, the REPL will be hidden from view, so do check that your code has no errors before running the stepper. You may use this tool by running your program and then dragging the slider above to see the state of the control, stash and environment at different stages in the evaluation of your program. Clicking on the fast-forward button (double chevron) will take you to the next breakpoint in your program +
+
+ + Some useful keyboard shortcuts: +
+
+ a: Move to the first step +
+ e: Move to the last step +
+ f: Move to the next step +
+ b: Move to the previous step +
+
+ Note that these shortcuts are only active when the browser focus is on this tab. +
-
-
+
-
- Expand group
-
-
+
- 2 Building Abstractions with Data
-
-
-
+
-
-
+
-
- Expand group
-
-
+
- 3 Modularity, Objects, and State
-
-
-
+
-
-
+
-
- Expand group
-
-
+
- 4 Metalinguistic Abstraction
-
-
-
+
-
-
+
-
- Expand group
-
-
+
- 5 Computing with Register Machines
-
-
-
+
-
-
+
+
+ 4 Metalinguistic Abstraction
+
+
+
- References
-
-
-
+
+
+
+ 5 Computing with Register Machines
+
+
+
+
+
+
- About the SICP JS Project
-
-
-
+ 
- 
- 
-