// 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 30, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 60, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id5": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id5", ], "index": "a1V", }, "inserted": { "groupIds": [], "index": "a0", }, }, "id2" => Delta { "deleted": { "groupIds": [ "id5", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": {}, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 100, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 100, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 100, "x": 220, "y": 220, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], "index": "a1V", }, "inserted": { "groupIds": [], "index": "a0", }, }, "id2" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": {}, "selectedGroupIds": { "id0": true, "id1": true, "id2": true, "id4": false, }, }, "inserted": { "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id4", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": null, "selectedElementIds": { "id7": true, }, }, "inserted": { "editingGroupId": "id4", "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id7" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 60, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedElementIds": { "id7": true, }, "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id7": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id10": true, }, }, "inserted": { "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", "id10", ], }, "inserted": { "groupIds": [ "id4", ], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", "id10", ], }, "inserted": { "groupIds": [ "id4", ], }, }, "id7" => Delta { "deleted": { "groupIds": [ "id10", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id4", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id1": true, "id7": true, }, "selectedGroupIds": { "id10": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id10", "selectedElementIds": { "id7": true, }, }, "inserted": { "editingGroupId": "id4", "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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": {}, "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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 25, "y": 25, }, "inserted": { "x": 0, "y": 0, }, }, }, }, }, ], } `; 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`] = `11`; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id5": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id5", ], "index": "a1V", }, "inserted": { "groupIds": [], "index": "a0", }, }, "id2" => Delta { "deleted": { "groupIds": [ "id5", ], }, "inserted": { "groupIds": [], }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0_copy" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map { "id0" => Delta { "deleted": { "index": "a1", "x": 20, "y": 20, }, "inserted": { "index": "a0", "x": 10, "y": 10, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 200, "x": 100, "y": 100, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 200, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 200, "x": 100, "y": 100, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 350, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 350, "x": 300, "y": 300, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id1" => Delta { "deleted": { "x": 300, "y": 300, }, "inserted": { "x": 100, "y": 100, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "backgroundColor": "#ffec99", }, "inserted": { "backgroundColor": "transparent", }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "backgroundColor": "#ffc9c9", }, "inserted": { "backgroundColor": "#ffec99", }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "strokeColor": "#1971c2", }, "inserted": { "strokeColor": "#1e1e1e", }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [ [Function], [Function], ], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 20, "y": 20, }, "inserted": { "x": 10, "y": 10, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 20, "y": 20, }, "inserted": { "x": 10, "y": 10, }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 10, "y": 10, }, "inserted": { "x": 20, "y": 20, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, }, "inserted": { "selectedElementIds": { "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id4", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map { "id0" => Delta { "deleted": { "isDeleted": true, }, "inserted": { "isDeleted": false, }, }, }, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": null, "selectedElementIds": {}, }, "inserted": { "editingGroupId": "id4", "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id4": false, }, }, "inserted": { "selectedElementIds": {}, "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 100, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": {}, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id3": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, "id2" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id3", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id3": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 25, "y": 25, }, "inserted": { "x": 0, "y": 0, }, }, "id1" => Delta { "deleted": { "x": 135, "y": 135, }, "inserted": { "x": 110, "y": 110, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 20, "x": 10, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "width": 20, "x": 40, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 20, "x": 70, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id3": true, }, "selectedLinearElementId": "id3", }, "inserted": { "selectedElementIds": { "id2": true, }, "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id3" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a3", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "width": 50, "x": 130, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id4": true, }, "selectedLinearElementId": "id4", }, "inserted": { "selectedElementIds": { "id3": true, }, "selectedLinearElementId": "id3", }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id4" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a4", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "width": 50, "x": 220, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id5": true, }, "selectedLinearElementId": null, }, "inserted": { "selectedElementIds": { "id4": true, }, "selectedLinearElementId": "id4", }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id5" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a5", "isDeleted": false, "lastCommittedPoint": [ 50, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "width": 50, "x": 310, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id5" => Delta { "deleted": { "height": 20, "lastCommittedPoint": [ 80, 20, ], "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "width": 80, }, "inserted": { "height": 10, "lastCommittedPoint": [ 50, 10, ], "points": [ [ 0, 0, ], [ 50, 10, ], ], "width": 50, }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedLinearElementId": "id5", }, "inserted": { "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id6": true, }, "selectedLinearElementId": null, }, "inserted": { "selectedElementIds": { "id5": true, }, "selectedLinearElementId": "id5", }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id6" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a6", "isDeleted": false, "lastCommittedPoint": [ 50, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 50, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "width": 50, "x": 430, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id6" => Delta { "deleted": { "height": 20, "lastCommittedPoint": [ 80, 20, ], "points": [ [ 0, 0, ], [ 50, 10, ], [ 80, 20, ], ], "width": 80, }, "inserted": { "height": 10, "lastCommittedPoint": [ 50, 10, ], "points": [ [ 0, 0, ], [ 50, 10, ], ], "width": 50, }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedLinearElementId": "id6", }, "inserted": { "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": {}, }, "inserted": { "selectedElementIds": { "id6": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedLinearElementId": null, }, "inserted": { "selectedLinearElementId": "id6", }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id7" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "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, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "width": 50, "x": 550, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 100, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "width": 100, "x": 310, "y": 310, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 1000, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "#ffc9c9", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 1000, "x": 500, "y": 500, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 1000, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 500, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 500, "x": 500, "y": 500, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 1000, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 1000, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "red", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 500, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 500, "x": 500, "y": 500, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 100, "y": 100, }, "inserted": { "x": 0, "y": 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 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, "selectedLinearElementId": "id0", }, "inserted": { "selectedElementIds": {}, "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, "selectedLinearElementId": "id0", }, "inserted": { "selectedElementIds": {}, "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "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, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, "selectedLinearElementId": "id0", }, "inserted": { "selectedElementIds": {}, "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, "selectedLinearElementId": "id0", }, "inserted": { "selectedElementIds": {}, "selectedLinearElementId": null, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": null, "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "lastCommittedPoint": null, "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 10, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "line", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "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, "simulatePressure": false, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "freedraw", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id2" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0_copy" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, "id1_copy" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, "id2_copy" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [ "id4_copy", ], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map { "id0" => Delta { "deleted": { "index": "a3", "x": 20, "y": 20, }, "inserted": { "index": "a0", "x": 10, "y": 10, }, }, "id1" => Delta { "deleted": { "index": "a4", "x": 40, "y": 20, }, "inserted": { "index": "a1", "x": 30, "y": 10, }, }, "id2" => Delta { "deleted": { "index": "a5", "x": 60, "y": 20, }, "inserted": { "index": "a2", "x": 50, "y": 10, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": {}, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "x": 20, "y": 20, }, "inserted": { "x": 10, "y": 10, }, }, "id1" => Delta { "deleted": { "x": 40, "y": 20, }, "inserted": { "x": 30, "y": 10, }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 30, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id2" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": {}, }, "inserted": { "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [], }, "inserted": { "groupIds": [ "id4", ], }, }, "id1" => Delta { "deleted": { "groupIds": [], }, "inserted": { "groupIds": [ "id4", ], }, }, "id2" => Delta { "deleted": { "groupIds": [], }, "inserted": { "groupIds": [ "id4", ], }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id5": true, }, "selectedGroupIds": {}, }, "inserted": { "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id5" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 10, "y": 50, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id6": true, }, }, "inserted": { "selectedElementIds": { "id5": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id6" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a3", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 50, "y": 50, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id5": true, }, }, "inserted": { "selectedElementIds": { "id6": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id6": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id9": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id5" => Delta { "deleted": { "groupIds": [ "id9", ], }, "inserted": { "groupIds": [], }, }, "id6" => Delta { "deleted": { "groupIds": [ "id9", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id4": true, }, }, "inserted": { "selectedElementIds": {}, "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id10": true, }, }, "inserted": { "selectedGroupIds": { "id4": true, "id9": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id4", "id10", ], }, "inserted": { "groupIds": [ "id4", ], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id4", "id10", ], }, "inserted": { "groupIds": [ "id4", ], }, }, "id5" => Delta { "deleted": { "groupIds": [ "id9", "id10", ], }, "inserted": { "groupIds": [ "id9", ], }, }, "id6" => Delta { "deleted": { "groupIds": [ "id9", "id10", ], }, "inserted": { "groupIds": [ "id9", ], }, }, }, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 50, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 50, "x": 100, "y": 100, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 50, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 50, "x": 200, "y": 200, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id3": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, "id1" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, "id2" => Delta { "deleted": { "groupIds": [ "id3", ], }, "inserted": { "groupIds": [], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id3", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id0": true, "id1": true, }, "selectedGroupIds": { "id3": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedGroupIds": { "id5": true, }, }, "inserted": { "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id0" => Delta { "deleted": { "groupIds": [ "id5", "id3", ], "index": "a1V", }, "inserted": { "groupIds": [ "id3", ], "index": "a0", }, }, "id2" => Delta { "deleted": { "groupIds": [ "id5", "id3", ], }, "inserted": { "groupIds": [ "id3", ], }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": null, "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id3": true, }, }, "inserted": { "editingGroupId": "id3", "selectedElementIds": {}, "selectedGroupIds": { "id5": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id3", "selectedElementIds": {}, "selectedGroupIds": { "id5": true, }, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id1": true, }, "selectedGroupIds": { "id3": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id5", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": "id3", "selectedElementIds": { "id2": true, }, "selectedGroupIds": { "id5": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": null, "selectedElementIds": { "id1": true, "id2": true, }, "selectedGroupIds": { "id3": true, }, }, "inserted": { "editingGroupId": "id5", "selectedElementIds": {}, "selectedGroupIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "editingGroupId": "id3", "selectedElementIds": {}, "selectedGroupIds": {}, }, "inserted": { "editingGroupId": null, "selectedElementIds": { "id0": true, "id2": true, }, "selectedGroupIds": { "id3": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 100, "x": 110, "y": 110, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id2": true, }, }, "inserted": { "selectedElementIds": { "id1": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id2" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 100, "index": "a2", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "diamond", "width": 100, "x": 310, "y": 310, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 10, "x": 0, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 2, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "ellipse", "width": 10, "x": 20, "y": 20, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedLinearElementId": null, }, "inserted": { "selectedLinearElementId": "id2", }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": {}, "inserted": {}, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map {}, "updated": Map { "id2" => Delta { "deleted": { "height": 10, "lastCommittedPoint": [ 60, 10, ], "points": [ [ 0, 0, ], [ 60, 10, ], ], "width": 60, }, "inserted": { "height": 20, "lastCommittedPoint": [ 100, 20, ], "points": [ [ 0, 0, ], [ 60, 10, ], [ 100, 20, ], ], "width": 100, }, }, }, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id2": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map { "id2" => Delta { "deleted": { "isDeleted": true, }, "inserted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "endArrowhead": "arrow", "endBinding": null, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a2", "isDeleted": false, "lastCommittedPoint": [ 60, 10, ], "link": null, "locked": false, "opacity": 100, "points": [ [ 0, 0, ], [ 60, 10, ], ], "roughness": 1, "roundness": { "type": 2, }, "startArrowhead": null, "startBinding": null, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "arrow", "width": 60, "x": 130, "y": 10, }, }, }, "removed": Map {}, "updated": Map {}, }, }, ], "undoStack": [ HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id0": true, }, }, "inserted": { "selectedElementIds": {}, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id0" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 10, "index": "a0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 20, "x": 10, "y": -10, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, HistoryEntry { "appStateChange": AppStateChange { "delta": Delta { "deleted": { "selectedElementIds": { "id1": true, }, }, "inserted": { "selectedElementIds": { "id0": true, }, }, }, }, "elementsChange": ElementsChange { "added": Map {}, "removed": Map { "id1" => Delta { "deleted": { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "customData": undefined, "fillStyle": "solid", "frameId": null, "groupIds": [], "height": 20, "index": "a1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": { "type": 3, }, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "width": 30, "x": 40, "y": 0, }, "inserted": { "isDeleted": true, }, }, }, "updated": Map {}, }, }, ], } `; 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`] = `24`; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [], } `; 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`] = ` History { "onHistoryChangedEmitter": Emitter { "subscribers": [], }, "redoStack": [], "undoStack": [], } `; 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`;