// Jest Snapshot v1, https://goo.gl/fbAQLP exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`; exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `9`; exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `15`; exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `15`; exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": "Copied styles.", "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`; exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `10`; exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`; exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `10`; exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0_copy": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": 0, "y": 10, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0_copy", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": 0, "y": 10, }, ], }, ], } `; exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `10`; exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "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, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1150084233, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 20, "x": 20, "y": 30, }, ], }, ], } `; exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `16`; exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "#e64980", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "cross-hatch", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 60, "currentItemRoughness": 2, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#c92a2a", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "dotted", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": "Copied styles.", "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 3, "versionNonce": 23633383, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 400692809, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 9, "versionNonce": 1505387817, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 2019559783, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 1150084233, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 5, "versionNonce": 1116226695, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "version": 6, "versionNonce": 1014066025, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 453191, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 7, "versionNonce": 238820263, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 2, "seed": 400692809, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 8, "versionNonce": 1604849351, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 400692809, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 9, "versionNonce": 1505387817, "width": 20, "x": 20, "y": 30, }, ], }, 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": 1278240551, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 3, "versionNonce": 23633383, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#e64980", "boundElementIds": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 60, "roughness": 2, "seed": 400692809, "strokeColor": "#c92a2a", "strokeSharpness": "sharp", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "version": 9, "versionNonce": 1505387817, "width": 20, "x": 20, "y": 30, }, ], }, ], } `; exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `25`; exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `14`; exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "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": 20, "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": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": 20, "y": 30, }, ], }, 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "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": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `14`; exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "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, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 238820263, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 400692809, "width": 20, "x": 20, "y": 30, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "width": 20, "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": 20, "id": "id0", "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": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 20, "x": 20, "y": 30, }, ], }, 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1116226695, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 20, "x": 20, "y": 30, }, ], }, 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 238820263, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElementIds": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "opacity": 100, "roughness": 1, "seed": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 4, "versionNonce": 400692809, "width": 20, "x": 20, "y": 30, }, ], }, ], } `; exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`; exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `17`; exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "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, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 10, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "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": 453191, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 401146281, "width": 10, "x": 10, "y": 0, }, ], }, ], } `; exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`; exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `17`; exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "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, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "width": 10, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 10, "y": 0, } `; exports[`contextMenu element 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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 453191, "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": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 2019559783, "width": 10, "x": 10, "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": 449462985, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 1014066025, "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": 401146281, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 3, "versionNonce": 238820263, "width": 10, "x": 10, "y": 0, }, ], }, ], } `; exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`; exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `18`; exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`; exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `3`; exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = ` Object { "collaborators": Map {}, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemLinearStrokeSharpness": "round", "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemStartArrowhead": null, "currentItemStrokeColor": "#000000", "currentItemStrokeSharpness": "sharp", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "elementLocked": false, "elementType": "selection", "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLibraryOpen": false, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openMenu": null, "pasteDialog": Object { "data": null, "shown": false, }, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectionElement": null, "shouldAddWatermark": false, "shouldCacheIgnoreZoom": false, "showHelpDialog": false, "showStats": false, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toastMessage": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "translation": Object { "x": 0, "y": 0, }, "value": 1, }, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element 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": 1278240551, "strokeColor": "#000000", "strokeSharpness": "sharp", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element shows context menu for element: [end of test] number of elements 1`] = `1`; exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `9`;