// Jest Snapshot v1, https://goo.gl/fbAQLP 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id6": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id2": true, "id7": true, }, "selectedGroupIds": Object { "id5": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 0, "y": 30, } `; 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 0, "y": 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] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 0, "y": 60, } `; exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 0, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 0, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 0, "y": 60, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 0, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 0, "y": 60, }, ], }, ], } `; exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `3`; 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`] = `25`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id5": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": false, "id1": true, "id2": false, "id3": true, "id5": true, "id6": true, }, "selectedGroupIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": false, "id5": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, } `; 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 100, "x": 0, "y": 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] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 100, "x": 220, "y": 220, } `; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 100, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 100, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 100, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 100, "x": 220, "y": 220, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 100, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 100, "x": 220, "y": 220, }, ], }, ], } `; exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `3`; 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`] = `21`; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": "id10", "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": false, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id12": true, "id7": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 915032327, "width": 10, "x": 30, "y": 0, } `; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id10", ], "height": 10, "id": "id7", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 10, "x": 60, "y": 0, } `; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": "id4", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id7", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1604849351, "width": 10, "x": 60, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 915032327, "width": 10, "x": 30, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id10", ], "height": 10, "id": "id7", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 10, "x": 60, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": "id4", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id11": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 915032327, "width": 10, "x": 30, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id10", ], "height": 10, "id": "id7", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 10, "x": 60, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": "id10", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id12": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 915032327, "width": 10, "x": 30, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id10", ], "height": 10, "id": "id7", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 10, "x": 60, "y": 0, }, ], }, ], } `; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `3`; exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `40`; exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 3, "versionNonce": 453191, "width": 10, "x": 25, "y": 25, } `; exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 3, "versionNonce": 453191, "width": 10, "x": 25, "y": 25, }, ], }, ], } `; exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `1`; exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `9`; exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, "id4": true, }, "selectedGroupIds": Object { "id5": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests adjusts z order when grouping: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests adjusts z order when grouping: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests adjusts z order when grouping: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 50, "y": 10, } `; exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `3`; exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `19`; exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests alt-drag duplicates an element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests alt-drag duplicates an element: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `2`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests arrow keys: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 1116226695, "width": 10, "x": 9, "y": 9, } `; exports[`regression tests arrow keys: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests arrow keys: [end of test] number of elements 1`] = `1`; exports[`regression tests arrow keys: [end of test] number of renders 1`] = `18`; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 200, "x": 100, "y": 100, } `; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 200, "x": 300, "y": 300, } `; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 350, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1150084233, "width": 350, "x": 300, "y": 300, } `; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 1, "versionNonce": 0, "width": 0, "x": 100, "y": 100, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 200, "x": 100, "y": 100, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 200, "x": 100, "y": 100, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 200, "x": 100, "y": 100, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 200, "x": 100, "y": 100, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 350, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1150084233, "width": 350, "x": 300, "y": 300, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 200, "x": 100, "y": 100, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 200, "x": 300, "y": 300, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 350, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1150084233, "width": 350, "x": 300, "y": 300, }, ], }, ], } `; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `3`; exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `17`; exports[`regression tests change the properties of a shape: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#fa5252", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#5f3dc4", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#5f3dc4", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 1116226695, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests change the properties of a shape: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 401146281, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#5f3dc4", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 1116226695, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `1`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests click on an element and drag it: [dragged] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`; exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `9`; exports[`regression tests click on an element and drag it: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests click on an element and drag it: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests click on an element and drag it: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `1`; exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `12`; exports[`regression tests click to select a shape: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id2": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests click to select a shape: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests click to select a shape: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests click to select a shape: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `2`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests click-drag to select a group: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests click-drag to select a group: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests click-drag to select a group: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, } `; exports[`regression tests click-drag to select a group: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `3`; exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `18`; exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id3", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 500, "y": 500, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id3", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 500, "y": 500, }, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 110, "y": 110, } `; exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 110, "y": 110, }, ], }, ], } `; exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `2`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id3", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 2019559783, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 50, "y": 50, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 110, "y": 110, } `; exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 110, "y": 110, }, ], }, ], } `; exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `2`; 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`] = `14`; exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 110, "y": 110, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 110, "y": 110, }, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `1`; exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `7`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 100, "y": 100, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 100, "x": 0, "y": 0, } `; exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 100, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `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] number of renders 1`] = `8`; exports[`regression tests double click to edit a group: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": "id3", "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id2": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests double click to edit a group: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests double click to edit a group: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests double click to edit a group: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 50, "y": 10, } `; exports[`regression tests double click to edit a group: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `3`; exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `17`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 25, "y": 25, } `; 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 135, "y": 135, } `; exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 110, "y": 110, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 25, "y": 25, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 135, "y": 135, }, ], }, ], } `; exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `2`; 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`] = `15`; exports[`regression tests draw every type of shape: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id7": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests draw every type of shape: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 3 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 4 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 5 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 1723083209, "width": 80, "x": 310, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 6 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id6", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 760410951, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 7, "versionNonce": 406373543, "width": 80, "x": 430, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] element 7 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id7", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 941653321, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 1402203177, "width": 50, "x": 550, "y": -10, } `; exports[`regression tests draw every type of shape: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 50, 10, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 5, "versionNonce": 81784553, "width": 50, "x": 310, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 1723083209, "width": 80, "x": 310, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 1723083209, "width": 80, "x": 310, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id6", "isDeleted": false, "lastCommittedPoint": Array [ 50, 10, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 760410951, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 5, "versionNonce": 1898319239, "width": 50, "x": 430, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 1723083209, "width": 80, "x": 310, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id6", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 760410951, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 7, "versionNonce": 406373543, "width": 80, "x": 430, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 70, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id3", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 1150084233, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 1014066025, "width": 50, "x": 130, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id4", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 238820263, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 1604849351, "width": 50, "x": 220, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id5", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 1505387817, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 1723083209, "width": 80, "x": 310, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id6", "isDeleted": false, "lastCommittedPoint": Array [ 80, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], Array [ 80, 20, ], ], "roughness": 1, "seed": 760410951, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 7, "versionNonce": 406373543, "width": 80, "x": 430, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id7", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 50, 10, ], ], "roughness": 1, "seed": 941653321, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 1402203177, "width": 50, "x": 550, "y": -10, }, ], }, ], } `; exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `8`; exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `50`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, "id4": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, } `; 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] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 2019559783, "width": 100, "x": 310, "y": 310, } `; exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 2019559783, "width": 100, "x": 310, "y": 310, }, ], }, ], } `; exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `3`; 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`] = `18`; exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#fa5252", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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 partialy overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, } `; exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, } `; exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy 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`] = `2`; exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy 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`] = `16`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#fa5252", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "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 clicking intersection between A and B B should be selected on pointer up: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, } `; exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `2`; 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`] = `16`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#fa5252", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "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] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 1000, "x": 100, "y": 100, } `; 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] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, } `; exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 1000, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 1000, "x": 100, "y": 100, }, Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 1000, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 1000, "x": 500, "y": 500, }, ], }, ], } `; exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `2`; 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`] = `17`; exports[`regression tests hotkey 2 selects rectangle tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 2 selects rectangle tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 2 selects rectangle tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey 3 selects diamond tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 3 selects diamond tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 3 selects diamond tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey 4 selects ellipse tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 4 selects ellipse tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 4 selects ellipse tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey 5 selects arrow tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 5 selects arrow tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 5 selects arrow tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of renders 1`] = `7`; exports[`regression tests hotkey 6 selects line tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 6 selects line tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 6 selects line tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 6 selects line tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 6 selects line tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey 7 selects draw tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey 7 selects draw tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey 7 selects draw tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey 7 selects draw tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey 7 selects draw tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey a selects arrow tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey a selects arrow tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey a selects arrow tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey a selects arrow tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey a selects arrow tool: [end of test] number of renders 1`] = `7`; exports[`regression tests hotkey d selects diamond tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey d selects diamond tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey d selects diamond tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey d selects diamond tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey d selects diamond tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey e selects ellipse tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey e selects ellipse tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey e selects ellipse tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey e selects ellipse tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey e selects ellipse tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey l selects line tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey l selects line tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey l selects line tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "line", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey l selects line tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey l selects line tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey r selects rectangle tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey r selects rectangle tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey r selects rectangle tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey r selects rectangle tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey r selects rectangle tool: [end of test] number of renders 1`] = `6`; exports[`regression tests hotkey x selects draw tool: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests hotkey x selects draw tool: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests hotkey x selects draw tool: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "lastCommittedPoint": null, "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 10, 10, ], ], "roughness": 1, "seed": 337897, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "draw", "version": 3, "versionNonce": 449462985, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests hotkey x selects draw tool: [end of test] number of elements 1`] = `1`; exports[`regression tests hotkey x selects draw tool: [end of test] number of renders 1`] = `6`; exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id5": true, }, "selectedGroupIds": Object { "id4": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests make a group and duplicate it: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 915032327, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 81784553, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests make a group and duplicate it: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id1_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 747212839, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1723083209, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests make a group and duplicate it: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id2_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 760410951, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1006504105, "width": 10, "x": 50, "y": 10, } `; exports[`regression tests make a group and duplicate it: [end of test] element 3 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1505387817, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests make a group and duplicate it: [end of test] element 4 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 23633383, "width": 10, "x": 40, "y": 20, } `; exports[`regression tests make a group and duplicate it: [end of test] element 5 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 60, "y": 20, } `; exports[`regression tests make a group and duplicate it: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 400692809, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 915032327, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 81784553, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id1_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 747212839, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1723083209, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id6", ], "height": 10, "id": "id2_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 760410951, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1006504105, "width": 10, "x": 50, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1505387817, "width": 10, "x": 20, "y": 20, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 23633383, "width": 10, "x": 40, "y": 20, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 493213705, "width": 10, "x": 60, "y": 20, }, ], }, ], } `; exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `6`; exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `21`; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, "id4": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1116226695, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1014066025, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `2`; exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `18`; exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "touch", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": -6, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": true, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0.3333333333333357, "y": 0, }, "value": 1, }, } `; exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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`] = `8`; exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "rectangle", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests rerenders UI on language change: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`; exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `5`; exports[`regression tests resize an element, trying every resize handle: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id16": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 18, "versionNonce": 845789479, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 16, "versionNonce": 1359939303, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 17, "versionNonce": 2004587015, "width": 15, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id16": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 18, "versionNonce": 845789479, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [end of test] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [end of test] number of renders 1`] = `54`; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of renders 1`] = `27`; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of renders 1`] = `21`; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of renders 1`] = `15`; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of renders 1`] = `9`; exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 17, "versionNonce": 2004587015, "width": 15, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 16, "versionNonce": 1359939303, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 17, "versionNonce": 2004587015, "width": 15, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of renders 1`] = `51`; exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of renders 1`] = `45`; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of renders 1`] = `39`; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of renders 1`] = `33`; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of renders 1`] = `30`; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of renders 1`] = `24`; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of renders 1`] = `18`; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of renders 1`] = `12`; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id16": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 18, "versionNonce": 845789479, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 16, "versionNonce": 1359939303, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 17, "versionNonce": 2004587015, "width": 15, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id15": true, "id16": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 18, "versionNonce": 845789479, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of renders 1`] = `54`; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 16, "versionNonce": 1359939303, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 15, "versionNonce": 908564423, "width": 5, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id13": true, "id14": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 16, "versionNonce": 1359939303, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of renders 1`] = `48`; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 13, "versionNonce": 1898319239, "width": 5, "x": 15, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id11": true, "id12": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 14, "versionNonce": 406373543, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of renders 1`] = `42`; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 15, "x": 5, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 2019559783, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 5, "x": 15, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 238820263, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 15, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 7, "versionNonce": 1604849351, "width": 5, "x": 10, "y": 5, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 23633383, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 915032327, "width": 15, "x": 10, "y": 15, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 10, "versionNonce": 747212839, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 5, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 11, "versionNonce": 760410951, "width": 15, "x": 5, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id10": true, "id2": true, "id3": true, "id4": true, "id5": true, "id6": true, "id7": true, "id8": true, "id9": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 12, "versionNonce": 289600103, "width": 10, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of elements 1`] = `1`; exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of renders 1`] = `36`; exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`; exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `6`; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `12`; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `12`; exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`; exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `6`; exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": true, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 449462985, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": true, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 449462985, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`; exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `7`; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0_copy": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 20, "y": 20, } `; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0_copy": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `7`; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": Object { "id3": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 2019559783, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 2019559783, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 20, "x": 40, "y": 40, }, ], }, ], } `; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `13`; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#e64980", "currentItemFillStyle": "cross-hatch", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 60, "currentItemRoughness": 2, "currentItemStrokeColor": "#c92a2a", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "dotted", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 337897, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 23633383, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 13, "versionNonce": 915032327, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 401146281, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1150084233, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 1116226695, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 8, "versionNonce": 238820263, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 9, "versionNonce": 400692809, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "version": 10, "versionNonce": 1604849351, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 11, "versionNonce": 1505387817, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 2, "seed": 23633383, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 12, "versionNonce": 493213705, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 23633383, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 13, "versionNonce": 915032327, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 337897, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 3, "versionNonce": 81784553, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 23633383, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 13, "versionNonce": 915032327, "width": 20, "x": 40, "y": 40, }, ], }, ], } `; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `21`; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `11`; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `11`; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1116226695, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1014066025, "width": 20, "x": 40, "y": 40, } `; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 2019559783, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 20, "x": 40, "y": 40, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1116226695, "width": 20, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1014066025, "width": 20, "x": 40, "y": 40, }, ], }, ], } `; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`; exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `14`; exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": false, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `1`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shift-click to multiselect, then drag: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests shift-click to multiselect, then drag: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 40, "y": 20, } `; exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 20, "y": 20, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 40, "y": 20, }, ], }, ], } `; exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `2`; exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `17`; exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "#fa5252", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 449462985, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#fa5252", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 401146281, "width": 10, "x": 0, "y": 0, }, ], }, ], } `; exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `1`; exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `10`; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`; exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `14`; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id2": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "selectedGroupIds": Object { "id4": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, ], }, ], } `; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`; exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `15`; exports[`regression tests shows context menu for canvas: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shows context menu for canvas: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; exports[`regression tests shows context menu for canvas: [end of test] number of elements 1`] = `0`; exports[`regression tests shows context menu for canvas: [end of test] number of renders 1`] = `2`; exports[`regression tests shows context menu for element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests shows context menu for element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, } `; exports[`regression tests shows context menu for element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": 10, }, ], }, ], } `; exports[`regression tests shows context menu for element: [end of test] number of elements 1`] = `1`; exports[`regression tests shows context menu for element: [end of test] number of renders 1`] = `6`; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id0": true, "id1": true, "id5": true, "id6": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id11": true, "id5": true, "id6": true, }, "selectedGroupIds": Object { "id10": true, }, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 81784553, "width": 10, "x": 10, "y": 0, } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 747212839, "width": 10, "x": 50, "y": 0, } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", "id10", ], "height": 10, "id": "id5", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1014066025, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1723083209, "width": 10, "x": 10, "y": 50, } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 3 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", "id10", ], "height": 10, "id": "id6", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 760410951, "width": 10, "x": 50, "y": 50, } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 50, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 50, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id5": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 50, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id5", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1014066025, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 238820263, "width": 10, "x": 10, "y": 50, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 50, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id5", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1014066025, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 238820263, "width": 10, "x": 10, "y": 50, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id6", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1604849351, "width": 10, "x": 50, "y": 50, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id5": true, "id6": true, "id7": true, "id8": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 50, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", ], "height": 10, "id": "id5", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1014066025, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 493213705, "width": 10, "x": 10, "y": 50, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", ], "height": 10, "id": "id6", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 915032327, "width": 10, "x": 50, "y": 50, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id5": true, "id6": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 81784553, "width": 10, "x": 10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id4", "id10", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 747212839, "width": 10, "x": 50, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", "id10", ], "height": 10, "id": "id5", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1014066025, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1723083209, "width": 10, "x": 10, "y": 50, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id9", "id10", ], "height": 10, "id": "id6", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 400692809, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 760410951, "width": 10, "x": 50, "y": 50, }, ], }, ], } `; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `4`; exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `36`; exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 60, "scrollY": 60, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": "id3", "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests supports nested groups: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, } `; exports[`regression tests supports nested groups: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 400692809, "width": 10, "x": 10, "y": 10, } `; exports[`regression tests supports nested groups: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1604849351, "width": 10, "x": 50, "y": 10, } `; exports[`regression tests supports nested groups: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": "id3", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": "id3", "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id2": true, "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 400692809, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1604849351, "width": 10, "x": 50, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, "id7": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 10, "x": 30, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 400692809, "width": 10, "x": 10, "y": 10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id5", "id3", ], "height": 10, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1604849351, "width": 10, "x": 50, "y": 10, }, ], }, ], } `; exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `3`; exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `30`; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id4", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1116226695, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id1": true, "id2": true, "id3": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id4", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 1116226695, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, } `; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 2019559783, "width": 100, "x": 310, "y": 310, } `; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 100, "x": 110, "y": 110, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 100, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "diamond", "version": 2, "versionNonce": 2019559783, "width": 100, "x": 310, "y": 310, }, ], }, ], } `; exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `3`; 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`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 0, "id": "id2", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "selection", "version": 1, "versionNonce": 0, "width": 0, "x": 0, "y": 0, }, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests switches selected element on pointer down: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, } `; exports[`regression tests switches selected element on pointer down: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, } `; exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 10, "x": 0, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "ellipse", "version": 2, "versionNonce": 453191, "width": 10, "x": 20, "y": 20, }, ], }, ], } `; exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `2`; exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `11`; exports[`regression tests two-finger scroll works: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "down", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "touch", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 11, "scrollY": -5, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": true, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": -60.420000000000016, "y": -48.66347517730496, }, "value": 1.99, }, } `; exports[`regression tests two-finger scroll works: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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`] = `10`; exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests undo/redo drawing an element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 1006504105, "width": 20, "x": 10, "y": -10, } `; exports[`regression tests undo/redo drawing an element: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 6, "versionNonce": 289600103, "width": 30, "x": 40, "y": 0, } `; exports[`regression tests undo/redo drawing an element: [end of test] element 2 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": true, "lastCommittedPoint": Array [ 60, 10, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 60, 10, ], ], "roughness": 1, "seed": 401146281, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 11, "versionNonce": 1315507081, "width": 60, "x": 130, "y": 10, } `; exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 30, "x": 40, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id2", "isDeleted": false, "lastCommittedPoint": Array [ 100, 20, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 60, 10, ], Array [ 100, 20, ], ], "roughness": 1, "seed": 401146281, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 7, "versionNonce": 400692809, "width": 100, "x": 130, "y": 10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id2": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 30, "x": 40, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "endBinding": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id2", "isDeleted": false, "lastCommittedPoint": Array [ 60, 10, ], "opacity": 100, "points": Array [ Array [ 0, 0, ], Array [ 60, 10, ], ], "roughness": 1, "seed": 401146281, "startBinding": null, "strokeColor": "#000000", "strokeSharpness": "round", "strokeStyle": "solid", "strokeWidth": 1, "type": "arrow", "version": 5, "versionNonce": 1014066025, "width": 60, "x": 130, "y": 10, }, ], }, ], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 337897, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 1278240551, "width": 20, "x": 10, "y": -10, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 30, "x": 40, "y": 0, }, ], }, ], } `; exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `3`; exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `27`; exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 3, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "text", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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`] = `4`; exports[`regression tests zoom hotkeys: [end of test] appState 1`] = ` Object { "appearance": "light", "collaborators": Map {}, "currentItemBackgroundColor": "transparent", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "cursorX": 0, "cursorY": 0, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "fileHandle": null, "gridSize": null, "height": 768, "isBindingEnabled": true, "isCollaborating": false, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 0, "offsetTop": 0, "openMenu": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showShortcutsDialog": false, "startBoundElement": null, "suggestedBindings": Array [], "username": "", "viewBackgroundColor": "#ffffff", "width": 1024, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`regression tests zoom hotkeys: [end of test] history 1`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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`] = `4`;