// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id2": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id5": true, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 0, "y": 30, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 0, "y": 30, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 0, "y": 60, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 0, "y": 30, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", ], "height": 10, "id": "id0", "index": "a1V", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1006504105, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", ], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 760410951, "width": 10, "x": 0, "y": 60, }, ], }, ], } `; exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of elements 1`] = `0`; exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected > [end of test] number of renders 1`] = `21`; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id0": true, "id1": true, "id2": true, "id4": false, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 100, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 100, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 100, "x": 110, "y": 110, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 100, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 100, "x": 110, "y": 110, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 100, "x": 220, "y": 220, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 100, "x": 110, "y": 110, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 100, "id": "id0", "index": "a1V", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 760410951, "width": 100, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 100, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 100, "x": 220, "y": 220, }, ], }, ], } `; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of elements 1`] = `0`; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected > [end of test] number of renders 1`] = `19`; exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": "id10", "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id7": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 30, "y": 0, }, ], }, { "appState": { "editingGroupId": "id4", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 30, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id7": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 30, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id7", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 289600103, "width": 10, "x": 60, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id7": true, }, "selectedGroupIds": { "id10": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 406373543, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 941653321, "width": 10, "x": 30, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id10", ], "height": 10, "id": "id7", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 908564423, "width": 10, "x": 60, "y": 0, }, ], }, { "appState": { "editingGroupId": "id4", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 406373543, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 941653321, "width": 10, "x": 30, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id10", ], "height": 10, "id": "id7", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 908564423, "width": 10, "x": 60, "y": 0, }, ], }, { "appState": { "editingGroupId": "id10", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id7": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 406373543, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 941653321, "width": 10, "x": 30, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id10", ], "height": 10, "id": "id7", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 908564423, "width": 10, "x": 60, "y": 0, }, ], }, ], } `; exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of elements 1`] = `0`; exports[`regression tests > Cmd/Ctrl-click exclusively select element under pointer > [end of test] number of renders 1`] = `29`; exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 4, "versionNonce": 1014066025, "width": 10, "x": 25, "y": 25, }, ], }, ], } `; exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of elements 1`] = `0`; exports[`regression tests > Drags selected element when hitting only bounding box and keeps element selected > [end of test] number of renders 1`] = `9`; exports[`regression tests > adjusts z order when grouping > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id2": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id5": true, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > adjusts z order when grouping > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", ], "height": 10, "id": "id0", "index": "a1V", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1006504105, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", ], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 760410951, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests > adjusts z order when grouping > [end of test] number of elements 1`] = `0`; exports[`regression tests > adjusts z order when grouping > [end of test] number of renders 1`] = `18`; exports[`regression tests > alt-drag duplicates an element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > alt-drag duplicates an element > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0_copy", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 238820263, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 400692809, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1604849351, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests > alt-drag duplicates an element > [end of test] number of elements 1`] = `0`; exports[`regression tests > alt-drag duplicates an element > [end of test] number of renders 1`] = `9`; exports[`regression tests > arrow keys > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > arrow keys > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > arrow keys > [end of test] number of elements 1`] = `0`; exports[`regression tests > arrow keys > [end of test] number of renders 1`] = `13`; exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 200, "x": 100, "y": 100, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 200, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 350, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 350, "x": 300, "y": 300, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 200, "x": 300, "y": 300, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 350, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 350, "x": 300, "y": 300, }, ], }, ], } `; exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of elements 1`] = `0`; exports[`regression tests > can drag element that covers another element, while another elem is selected > [end of test] number of renders 1`] = `18`; exports[`regression tests > change the properties of a shape > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "#ffc9c9", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1971c2", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": "elementStroke", "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > change the properties of a shape > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "#ffec99", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1014066025, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1971c2", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 400692809, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > change the properties of a shape > [end of test] number of elements 1`] = `0`; exports[`regression tests > change the properties of a shape > [end of test] number of renders 1`] = `10`; exports[`regression tests > click on an element and drag it > [dragged] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > click on an element and drag it > [dragged] element 0 1`] = ` { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1116226695, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests > click on an element and drag it > [dragged] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1116226695, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests > click on an element and drag it > [dragged] number of elements 1`] = `1`; exports[`regression tests > click on an element and drag it > [dragged] number of renders 1`] = `9`; exports[`regression tests > click on an element and drag it > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > click on an element and drag it > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1116226695, "width": 10, "x": 20, "y": 20, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1604849351, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > click on an element and drag it > [end of test] number of elements 1`] = `0`; exports[`regression tests > click on an element and drag it > [end of test] number of renders 1`] = `11`; exports[`regression tests > click to select a shape > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > click to select a shape > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests > click to select a shape > [end of test] number of elements 1`] = `0`; exports[`regression tests > click to select a shape > [end of test] number of renders 1`] = `12`; exports[`regression tests > click-drag to select a group > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > click-drag to select a group > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests > click-drag to select a group > [end of test] number of elements 1`] = `0`; exports[`regression tests > click-drag to select a group > [end of test] number of renders 1`] = `17`; exports[`regression tests > deleting last but one element in editing group should unselect the group > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id4": false, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > deleting last but one element in editing group should unselect the group > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 50, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, ], }, { "appState": { "editingGroupId": "id4", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": true, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 81784553, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id4": false, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": true, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 81784553, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, ], }, ], } `; exports[`regression tests > deleting last but one element in editing group should unselect the group > [end of test] number of elements 1`] = `0`; exports[`regression tests > deleting last but one element in editing group should unselect the group > [end of test] number of renders 1`] = `19`; exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id3", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1505387817, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 500, "y": 500, }, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id3", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1505387817, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 500, "y": 500, }, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 110, "y": 110, }, ], }, ], } `; exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`; exports[`regression tests > deselects group of selected elements on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `13`; exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id3", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1505387817, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 50, "y": 50, }, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 110, "y": 110, }, ], }, ], } `; exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of elements 1`] = `0`; exports[`regression tests > deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element > [end of test] number of renders 1`] = `13`; exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id1", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 110, "y": 110, }, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id1", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 110, "y": 110, }, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of elements 1`] = `0`; exports[`regression tests > deselects selected element on pointer down when pointer doesn't hit any element > [end of test] number of renders 1`] = `8`; exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 100, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of elements 1`] = `0`; exports[`regression tests > deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element > [end of test] number of renders 1`] = `8`; exports[`regression tests > double click to edit a group > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": "id3", "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id2": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > double click to edit a group > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 81784553, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests > double click to edit a group > [end of test] number of elements 1`] = `0`; exports[`regression tests > double click to edit a group > [end of test] number of renders 1`] = `18`; exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 110, "y": 110, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 25, "y": 25, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 4, "versionNonce": 915032327, "width": 10, "x": 135, "y": 135, }, ], }, ], } `; exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of elements 1`] = `0`; exports[`regression tests > drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging > [end of test] number of renders 1`] = `14`; exports[`regression tests > draw every type of shape > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "freedraw", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > draw every type of shape > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id3": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id4": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id5": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id5", "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 50, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1402203177, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 6, "versionNonce": 1163661225, "width": 50, "x": 310, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id5": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id5", "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1402203177, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 8, "versionNonce": 1996028265, "width": 80, "x": 310, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id6": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id5", "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1402203177, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 8, "versionNonce": 1996028265, "width": 80, "x": 310, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id6", "index": "a6", "isDeleted": false, "lastCommittedPoint": [ 50, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1573789895, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 6, "versionNonce": 1189086535, "width": 50, "x": 430, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id6": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id5", "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1402203177, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 8, "versionNonce": 1996028265, "width": 80, "x": 310, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id6", "index": "a6", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1573789895, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 8, "versionNonce": 337026951, "width": 80, "x": 430, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 20, "x": 40, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 20, "x": 70, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id3", "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 81784553, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 50, "x": 130, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id4", "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1315507081, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 941653321, "width": 50, "x": 220, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id5", "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1402203177, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 8, "versionNonce": 1996028265, "width": 80, "x": 310, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id6", "index": "a6", "isDeleted": false, "lastCommittedPoint": [ 80, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1573789895, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 8, "versionNonce": 337026951, "width": 80, "x": 430, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id7", "index": "a7", "isDeleted": false, "lastCommittedPoint": [ 50, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], [ 50, 10, ], ], "pressures": [ 0, 0, 0, ], "roughness": 1, "roundness": null, "seed": 425216841, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "updated": 1, "version": 5, "versionNonce": 1688617961, "width": 50, "x": 550, "y": -10, }, ], }, ], } `; exports[`regression tests > draw every type of shape > [end of test] number of elements 1`] = `0`; exports[`regression tests > draw every type of shape > [end of test] number of renders 1`] = `43`; exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 100, "x": 110, "y": 110, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 100, "x": 110, "y": 110, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 100, "x": 310, "y": 310, }, ], }, ], } `; exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of elements 1`] = `0`; exports[`regression tests > given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up > [end of test] number of renders 1`] = `17`; exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "#ffc9c9", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": "elementBackground", "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 1000, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 1000, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1116226695, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 400692809, "width": 1000, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of elements 1`] = `0`; exports[`regression tests > given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection > [end of test] number of renders 1`] = `14`; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 1000, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 500, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 500, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of elements 1`] = `0`; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up > [end of test] number of renders 1`] = `7`; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 1000, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 500, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 500, "x": 500, "y": 500, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 1014066025, "width": 1000, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 500, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 500, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of elements 1`] = `0`; exports[`regression tests > given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected > [end of test] number of renders 1`] = `8`; exports[`regression tests > key 2 selects rectangle tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 2 selects rectangle tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 2 selects rectangle tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 2 selects rectangle tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key 3 selects diamond tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 3 selects diamond tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 3 selects diamond tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 3 selects diamond tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key 4 selects ellipse tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 4 selects ellipse tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 4 selects ellipse tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 4 selects ellipse tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key 5 selects arrow tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": LinearElementEditor { "elementId": "id0", "endBindingElement": "keep", "hoverPointIndex": -1, "isDragging": false, "lastUncommittedPoint": null, "pointerDownState": { "lastClickedPoint": -1, "origin": null, "prevSelectedPointsIndices": null, "segmentMidpoint": { "added": false, "index": null, "value": null, }, }, "pointerOffset": { "x": 0, "y": 0, }, "segmentMidPointHoveredCoords": null, "selectedPointsIndices": null, "startBindingElement": "keep", }, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 5 selects arrow tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 5 selects arrow tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 5 selects arrow tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key 6 selects line tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": LinearElementEditor { "elementId": "id0", "endBindingElement": "keep", "hoverPointIndex": -1, "isDragging": false, "lastUncommittedPoint": null, "pointerDownState": { "lastClickedPoint": -1, "origin": null, "prevSelectedPointsIndices": null, "segmentMidpoint": { "added": false, "index": null, "value": null, }, }, "pointerOffset": { "x": 0, "y": 0, }, "segmentMidPointHoveredCoords": null, "selectedPointsIndices": null, "startBindingElement": "keep", }, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 6 selects line tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 6 selects line tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 6 selects line tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key 7 selects freedraw tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "freedraw", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key 7 selects freedraw tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": [ 10, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], [ 10, 10, ], ], "pressures": [ 0, 0, 0, ], "roughness": 1, "roundness": null, "seed": 1278240551, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "updated": 1, "version": 5, "versionNonce": 1116226695, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key 7 selects freedraw tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key 7 selects freedraw tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key a selects arrow tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": LinearElementEditor { "elementId": "id0", "endBindingElement": "keep", "hoverPointIndex": -1, "isDragging": false, "lastUncommittedPoint": null, "pointerDownState": { "lastClickedPoint": -1, "origin": null, "prevSelectedPointsIndices": null, "segmentMidpoint": { "added": false, "index": null, "value": null, }, }, "pointerOffset": { "x": 0, "y": 0, }, "segmentMidPointHoveredCoords": null, "selectedPointsIndices": null, "startBindingElement": "keep", }, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key a selects arrow tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key a selects arrow tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key a selects arrow tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key d selects diamond tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key d selects diamond tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key d selects diamond tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key d selects diamond tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key l selects line tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": LinearElementEditor { "elementId": "id0", "endBindingElement": "keep", "hoverPointIndex": -1, "isDragging": false, "lastUncommittedPoint": null, "pointerDownState": { "lastClickedPoint": -1, "origin": null, "prevSelectedPointsIndices": null, "segmentMidpoint": { "added": false, "index": null, "value": null, }, }, "pointerOffset": { "x": 0, "y": 0, }, "segmentMidPointHoveredCoords": null, "selectedPointsIndices": null, "startBindingElement": "keep", }, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key l selects line tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "updated": 1, "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key l selects line tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key l selects line tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key o selects ellipse tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key o selects ellipse tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key o selects ellipse tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key o selects ellipse tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key p selects freedraw tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "freedraw", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key p selects freedraw tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "lastCommittedPoint": [ 10, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], [ 10, 10, ], ], "pressures": [ 0, 0, 0, ], "roughness": 1, "roundness": null, "seed": 1278240551, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "updated": 1, "version": 5, "versionNonce": 1116226695, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key p selects freedraw tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key p selects freedraw tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > key r selects rectangle tool > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > key r selects rectangle tool > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests > key r selects rectangle tool > [end of test] number of elements 1`] = `0`; exports[`regression tests > key r selects rectangle tool > [end of test] number of renders 1`] = `7`; exports[`regression tests > make a group and duplicate it > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id4": true, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > make a group and duplicate it > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 760410951, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "id": "id0_copy", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1359939303, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1349943049, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "id": "id1_copy", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 2004587015, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 2101589481, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "id": "id2_copy", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 845789479, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1292308681, "width": 10, "x": 50, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a3", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 927333447, "width": 10, "x": 20, "y": 20, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a4", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1163661225, "width": 10, "x": 40, "y": 20, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id2", "index": "a5", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1508694887, "width": 10, "x": 60, "y": 20, }, ], }, ], } `; exports[`regression tests > make a group and duplicate it > [end of test] number of elements 1`] = `0`; exports[`regression tests > make a group and duplicate it > [end of test] number of renders 1`] = `20`; exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of elements 1`] = `0`; exports[`regression tests > noop interaction after undo shouldn't create history entry > [end of test] number of renders 1`] = `16`; exports[`regression tests > pinch-to-zoom works > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "touch", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": -2.916666666666668, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": true, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > pinch-to-zoom works > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, ], } `; exports[`regression tests > pinch-to-zoom works > [end of test] number of elements 1`] = `0`; exports[`regression tests > pinch-to-zoom works > [end of test] number of renders 1`] = `7`; exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of elements 1`] = `0`; exports[`regression tests > shift click on selected element should deselect it on pointer up > [end of test] number of renders 1`] = `8`; exports[`regression tests > shift-click to multiselect, then drag > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > shift-click to multiselect, then drag > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 20, "y": 20, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 81784553, "width": 10, "x": 40, "y": 20, }, ], }, ], } `; exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of elements 1`] = `0`; exports[`regression tests > shift-click to multiselect, then drag > [end of test] number of renders 1`] = `15`; exports[`regression tests > should group elements and ungroup them > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > should group elements and ungroup them > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 760410951, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1006504105, "width": 10, "x": 50, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 640725609, "width": 10, "x": 10, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 406373543, "width": 10, "x": 30, "y": 10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 941653321, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests > should group elements and ungroup them > [end of test] number of elements 1`] = `0`; exports[`regression tests > should group elements and ungroup them > [end of test] number of renders 1`] = `21`; exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, "id1": true, "id5": true, "id6": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, "id1": true, "id5": true, "id6": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": { "id10": true, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 50, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id5": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id5", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 81784553, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 760410951, "width": 10, "x": 10, "y": 50, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id6": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id5", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 81784553, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 760410951, "width": 10, "x": 10, "y": 50, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id6", "index": "a3", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 289600103, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 640725609, "width": 10, "x": 50, "y": 50, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id5": true, "id6": true, }, "selectedGroupIds": { "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 23633383, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 493213705, "width": 10, "x": 50, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id9", ], "height": 10, "id": "id5", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 81784553, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1402203177, "width": 10, "x": 10, "y": 50, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id9", ], "height": 10, "id": "id6", "index": "a3", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 289600103, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1359939303, "width": 10, "x": 50, "y": 50, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id5": true, "id6": true, }, "selectedGroupIds": { "id10": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 2004587015, "width": 10, "x": 10, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4", "id10", ], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 2101589481, "width": 10, "x": 50, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id9", "id10", ], "height": 10, "id": "id5", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 81784553, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 845789479, "width": 10, "x": 10, "y": 50, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id9", "id10", ], "height": 10, "id": "id6", "index": "a3", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 289600103, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1292308681, "width": 10, "x": 50, "y": 50, }, ], }, ], } `; exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of elements 1`] = `0`; exports[`regression tests > single-clicking on a subgroup of a selected group should not alter selection > [end of test] number of renders 1`] = `29`; exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": { "x": 0, "y": 0, }, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 60, "scrollY": 60, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, ], } `; exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of elements 1`] = `0`; exports[`regression tests > spacebar + drag scrolls the canvas > [end of test] number of renders 1`] = `5`; exports[`regression tests > supports nested groups > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": "id3", "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > supports nested groups > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 50, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 50, "x": 100, "y": 100, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 50, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 493213705, "width": 50, "x": 200, "y": 200, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 81784553, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 50, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 50, "x": 200, "y": 200, }, ], }, { "appState": { "editingGroupId": "id3", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 81784553, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 50, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1723083209, "width": 50, "x": 200, "y": 200, }, ], }, { "appState": { "editingGroupId": "id3", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 50, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", "id3", ], "height": 50, "id": "id0", "index": "a1V", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1898319239, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", "id3", ], "height": 50, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1315507081, "width": 50, "x": 200, "y": 200, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id3", ], "height": 50, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 747212839, "width": 50, "x": 100, "y": 100, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", "id3", ], "height": 50, "id": "id0", "index": "a1V", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1898319239, "width": 50, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id5", "id3", ], "height": 50, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1315507081, "width": 50, "x": 200, "y": 200, }, ], }, ], } `; exports[`regression tests > supports nested groups > [end of test] number of elements 1`] = `0`; exports[`regression tests > supports nested groups > [end of test] number of renders 1`] = `26`; exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id4", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id4", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1723083209, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1116226695, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 400692809, "width": 100, "x": 110, "y": 110, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1116226695, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 400692809, "width": 100, "x": 110, "y": 110, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "id": "id2", "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1505387817, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "updated": 1, "version": 3, "versionNonce": 915032327, "width": 100, "x": 310, "y": 310, }, ], }, ], } `; exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of elements 1`] = `0`; exports[`regression tests > switches from group of selected elements to another element on pointer down > [end of test] number of renders 1`] = `17`; exports[`regression tests > switches selected element on pointer down > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id2", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id0": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 0, "id": "id2", "index": null, "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "selection", "updated": 1, "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > switches selected element on pointer down > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests > switches selected element on pointer down > [end of test] number of elements 1`] = `0`; exports[`regression tests > switches selected element on pointer down > [end of test] number of renders 1`] = `12`; exports[`regression tests > two-finger scroll works > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "down", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "touch", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 10, "scrollY": -10, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": true, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > two-finger scroll works > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, ], } `; exports[`regression tests > two-finger scroll works > [end of test] number of elements 1`] = `0`; exports[`regression tests > two-finger scroll works > [end of test] number of renders 1`] = `8`; exports[`regression tests > undo/redo drawing an element > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": { "id1": true, }, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > undo/redo drawing an element > [end of test] history 1`] = ` { "recording": false, "redoStack": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 30, "x": 40, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id2", "index": "a2", "isDeleted": false, "lastCommittedPoint": [ 100, 20, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 60, 10, ], [ 100, 20, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 8, "versionNonce": 1898319239, "width": 100, "x": 130, "y": 10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id2": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 30, "x": 40, "y": 0, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id2", "index": "a2", "isDeleted": false, "lastCommittedPoint": [ 60, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 60, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "seed": 1604849351, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "updated": 1, "version": 6, "versionNonce": 760410951, "width": 60, "x": 130, "y": 10, }, ], }, ], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id0": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, ], }, { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": { "id1": true, }, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [ { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "id": "id0", "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 401146281, "width": 20, "x": 10, "y": -10, }, { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "id": "id1", "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "seed": 1150084233, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 238820263, "width": 30, "x": 40, "y": 0, }, ], }, ], } `; exports[`regression tests > undo/redo drawing an element > [end of test] number of elements 1`] = `0`; exports[`regression tests > undo/redo drawing an element > [end of test] number of renders 1`] = `23`; exports[`regression tests > updates fontSize & fontFamily appState > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "text", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 3, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": null, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > updates fontSize & fontFamily appState > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, ], } `; exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of elements 1`] = `0`; exports[`regression tests > updates fontSize & fontFamily appState > [end of test] number of renders 1`] = `5`; exports[`regression tests > zoom hotkeys > [end of test] appState 1`] = ` { "activeEmbeddable": null, "activeTool": { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "solid", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingFrame": null, "editingGroupId": null, "editingLinearElement": null, "elementsToHighlight": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "followedBy": Set {}, "frameRendering": { "clip": true, "enabled": true, "name": true, "outline": true, }, "frameToHighlight": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "objectsSnapModeEnabled": false, "offsetLeft": 0, "offsetTop": 0, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "originSnapOffset": { "x": 0, "y": 0, }, "pasteDialog": { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": {}, "selectedElementsAreBeingDragged": false, "selectedGroupIds": {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "snapLines": [], "startBoundElement": null, "suggestedBindings": [], "theme": "light", "toast": null, "userToFollow": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 1024, "zenModeEnabled": false, "zoom": { "value": 1, }, } `; exports[`regression tests > zoom hotkeys > [end of test] history 1`] = ` { "recording": false, "redoStack": [], "stateHistory": [ { "appState": { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": {}, "selectedGroupIds": {}, "viewBackgroundColor": "#ffffff", }, "elements": [], }, ], } `; exports[`regression tests > zoom hotkeys > [end of test] number of elements 1`] = `0`; exports[`regression tests > zoom hotkeys > [end of test] number of renders 1`] = `6`;