// Jest Snapshot v1, https://goo.gl/fbAQLP exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.cut", "keyTest": [Function], "name": "cut", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copy", "keyTest": undefined, "name": "copy", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyStyles", "keyTest": [Function], "name": "copyStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.pasteStyles", "keyTest": [Function], "name": "pasteStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.group", "keyTest": [Function], "name": "group", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.unbindText", "name": "unbindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.bindText", "name": "bindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.createContainerFromText", "name": "wrapTextInContainer", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.ungroup", "keyTest": [Function], "name": "ungroup", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.addToLibrary", "name": "addToLibrary", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendBackward", "keyPriority": 40, "keyTest": [Function], "name": "sendBackward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringForward", "keyPriority": 40, "keyTest": [Function], "name": "bringForward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendToBack", "keyTest": [Function], "name": "sendToBack", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringToFront", "keyTest": [Function], "name": "bringToFront", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.flipHorizontal", "keyTest": [Function], "name": "flipHorizontal", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.flipVertical", "keyTest": [Function], "name": "flipVertical", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": [Function], "name": "toggleLinearEditor", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": [Function], "keyTest": [Function], "name": "hyperlink", "perform": [Function], "predicate": [Function], "trackEvent": Object { "action": "click", "category": "hyperlink", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.duplicateSelection", "keyTest": [Function], "name": "duplicateSelection", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": [Function], "keyTest": [Function], "name": "toggleElementLock", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.delete", "keyTest": [Function], "name": "deleteSelectedElements", "perform": [Function], "trackEvent": Object { "action": "delete", "category": "element", }, }, ], "left": 30, "top": 40, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, }, "selectedGroupIds": Object { "g1": true, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "red", "boundElements": null, "fillStyle": "solid", "groupIds": Array [ "g1", ], "height": 100, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 337897, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 1, "versionNonce": 0, "width": 100, "x": 0, "y": 0, } `; exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "red", "boundElements": null, "fillStyle": "solid", "groupIds": Array [ "g1", ], "height": 100, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 1, "versionNonce": 0, "width": 100, "x": 0, "y": 0, } `; exports[`contextMenu element right-clicking on a group should select whole 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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`; exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`; exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": Object { "message": "Added to library", }, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `14`; exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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`] = `18`; exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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`] = `18`; exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": Object { "message": "Copied styles.", }, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `14`; exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": true, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": true, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `14`; exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0_copy": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0_copy", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0_copy", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `14`; exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": 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, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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, }, "selectedGroupIds": Object { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 1150084233, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `20`; exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "#a5d8ff", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "cross-hatch", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 60, "currentItemRoughness": 2, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#e03131", "currentItemStrokeStyle": "dotted", "currentItemStrokeWidth": 2, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": Object { "message": "Copied styles.", }, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 60, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "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": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 60, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 400692809, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#e03131", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#e03131", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 1150084233, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#e03131", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 5, "versionNonce": 1116226695, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#e03131", "strokeStyle": "solid", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 6, "versionNonce": 1014066025, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 7, "versionNonce": 238820263, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 400692809, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 8, "versionNonce": 1604849351, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 60, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 400692809, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 9, "versionNonce": 1505387817, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 60, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 23633383, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "#a5d8ff", "boundElements": null, "fillStyle": "cross-hatch", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 60, "roughness": 2, "roundness": Object { "type": 3, }, "seed": 400692809, "strokeColor": "#e03131", "strokeStyle": "dotted", "strokeWidth": 2, "type": "rectangle", "updated": 1, "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`] = `32`; exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `18`; exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 401146281, "width": 20, "x": 20, "y": 30, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 2019559783, "width": 20, "x": 20, "y": 30, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `18`; exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": null, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object { "id1": true, }, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, "id1": true, "id2": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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, }, "selectedGroupIds": Object { "id3": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 1116226695, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id3", ], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 4, "versionNonce": 238820263, "width": 20, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `21`; exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.cut", "keyTest": [Function], "name": "cut", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copy", "keyTest": undefined, "name": "copy", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyStyles", "keyTest": [Function], "name": "copyStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.pasteStyles", "keyTest": [Function], "name": "pasteStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.group", "keyTest": [Function], "name": "group", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.unbindText", "name": "unbindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.bindText", "name": "bindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.createContainerFromText", "name": "wrapTextInContainer", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.ungroup", "keyTest": [Function], "name": "ungroup", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.addToLibrary", "name": "addToLibrary", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendBackward", "keyPriority": 40, "keyTest": [Function], "name": "sendBackward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringForward", "keyPriority": 40, "keyTest": [Function], "name": "bringForward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendToBack", "keyTest": [Function], "name": "sendToBack", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringToFront", "keyTest": [Function], "name": "bringToFront", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.flipHorizontal", "keyTest": [Function], "name": "flipHorizontal", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.flipVertical", "keyTest": [Function], "name": "flipVertical", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": [Function], "name": "toggleLinearEditor", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": [Function], "keyTest": [Function], "name": "hyperlink", "perform": [Function], "predicate": [Function], "trackEvent": Object { "action": "click", "category": "hyperlink", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.duplicateSelection", "keyTest": [Function], "name": "duplicateSelection", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": [Function], "keyTest": [Function], "name": "toggleElementLock", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.delete", "keyTest": [Function], "name": "deleteSelectedElements", "perform": [Function], "trackEvent": Object { "action": "delete", "category": "element", }, }, ], "left": -19, "top": -9, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": 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 {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 10, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 10, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 453191, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `20`; exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.cut", "keyTest": [Function], "name": "cut", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copy", "keyTest": undefined, "name": "copy", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyStyles", "keyTest": [Function], "name": "copyStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.pasteStyles", "keyTest": [Function], "name": "pasteStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.group", "keyTest": [Function], "name": "group", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.unbindText", "name": "unbindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.bindText", "name": "bindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.createContainerFromText", "name": "wrapTextInContainer", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.ungroup", "keyTest": [Function], "name": "ungroup", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.addToLibrary", "name": "addToLibrary", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendBackward", "keyPriority": 40, "keyTest": [Function], "name": "sendBackward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringForward", "keyPriority": 40, "keyTest": [Function], "name": "bringForward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendToBack", "keyTest": [Function], "name": "sendToBack", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringToFront", "keyTest": [Function], "name": "bringToFront", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.flipHorizontal", "keyTest": [Function], "name": "flipHorizontal", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.flipVertical", "keyTest": [Function], "name": "flipVertical", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": [Function], "name": "toggleLinearEditor", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": [Function], "keyTest": [Function], "name": "hyperlink", "perform": [Function], "predicate": [Function], "trackEvent": Object { "action": "click", "category": "hyperlink", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.duplicateSelection", "keyTest": [Function], "name": "duplicateSelection", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": [Function], "keyTest": [Function], "name": "toggleElementLock", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.delete", "keyTest": [Function], "name": "deleteSelectedElements", "perform": [Function], "trackEvent": Object { "action": "delete", "category": "element", }, }, ], "left": -19, "top": -9, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": 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, }, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 10, "x": -10, "y": 0, }, ], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 453191, "width": 10, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 10, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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, }, "selectedGroupIds": Object { "id4": true, }, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 449462985, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 3, "versionNonce": 1014066025, "width": 10, "x": -10, "y": 0, }, Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [ "id4", ], "height": 10, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 401146281, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "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`] = `21`; exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.selectAll", "keyTest": [Function], "name": "selectAll", "perform": [Function], "trackEvent": Object { "category": "canvas", }, }, Object { "contextItemLabel": "labels.elementLock.unlockAll", "name": "unlockAllElements", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "canvas", }, "viewMode": false, }, "separator", Object { "checked": [Function], "contextItemLabel": "labels.showGrid", "keyTest": [Function], "name": "gridMode", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "canvas", "predicate": [Function], }, "viewMode": true, }, Object { "checked": [Function], "contextItemLabel": "buttons.zenMode", "keyTest": [Function], "name": "zenMode", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "canvas", "predicate": [Function], }, "viewMode": true, }, Object { "checked": [Function], "contextItemLabel": "labels.viewMode", "keyTest": [Function], "name": "viewMode", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "canvas", "predicate": [Function], }, "viewMode": true, }, Object { "checked": [Function], "contextItemLabel": "stats.title", "keyTest": [Function], "name": "stats", "perform": [Function], "trackEvent": Object { "category": "menu", }, "viewMode": true, }, ], "left": -19, "top": -9, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "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 {}, "selectedGroupIds": 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`] = `6`; exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.cut", "keyTest": [Function], "name": "cut", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copy", "keyTest": undefined, "name": "copy", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyStyles", "keyTest": [Function], "name": "copyStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.pasteStyles", "keyTest": [Function], "name": "pasteStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.group", "keyTest": [Function], "name": "group", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.unbindText", "name": "unbindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.bindText", "name": "bindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.createContainerFromText", "name": "wrapTextInContainer", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.ungroup", "keyTest": [Function], "name": "ungroup", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.addToLibrary", "name": "addToLibrary", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendBackward", "keyPriority": 40, "keyTest": [Function], "name": "sendBackward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringForward", "keyPriority": 40, "keyTest": [Function], "name": "bringForward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendToBack", "keyTest": [Function], "name": "sendToBack", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringToFront", "keyTest": [Function], "name": "bringToFront", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.flipHorizontal", "keyTest": [Function], "name": "flipHorizontal", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.flipVertical", "keyTest": [Function], "name": "flipVertical", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": [Function], "name": "toggleLinearEditor", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": [Function], "keyTest": [Function], "name": "hyperlink", "perform": [Function], "predicate": [Function], "trackEvent": Object { "action": "click", "category": "hyperlink", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.duplicateSelection", "keyTest": [Function], "name": "duplicateSelection", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": [Function], "keyTest": [Function], "name": "toggleElementLock", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.delete", "keyTest": [Function], "name": "deleteSelectedElements", "perform": [Function], "trackEvent": Object { "action": "delete", "category": "element", }, }, ], "left": -19, "top": -9, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = ` Object { "activeTool": Object { "customType": null, "lastActiveTool": null, "locked": false, "type": "selection", }, "collaborators": Map {}, "contextMenu": Object { "items": Array [ Object { "contextItemLabel": "labels.cut", "keyTest": [Function], "name": "cut", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copy", "keyTest": undefined, "name": "copy", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.paste", "keyTest": undefined, "name": "paste", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyAsPng", "keyTest": [Function], "name": "copyAsPng", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyAsSvg", "name": "copyAsSvg", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.copyText", "name": "copyText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.copyStyles", "keyTest": [Function], "name": "copyStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.pasteStyles", "keyTest": [Function], "name": "pasteStyles", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.group", "keyTest": [Function], "name": "group", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.unbindText", "name": "unbindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.bindText", "name": "bindText", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.createContainerFromText", "name": "wrapTextInContainer", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.ungroup", "keyTest": [Function], "name": "ungroup", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.addToLibrary", "name": "addToLibrary", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendBackward", "keyPriority": 40, "keyTest": [Function], "name": "sendBackward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringForward", "keyPriority": 40, "keyTest": [Function], "name": "bringForward", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.sendToBack", "keyTest": [Function], "name": "sendToBack", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.bringToFront", "keyTest": [Function], "name": "bringToFront", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": "labels.flipHorizontal", "keyTest": [Function], "name": "flipHorizontal", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": "labels.flipVertical", "keyTest": [Function], "name": "flipVertical", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "contextItemLabel": [Function], "name": "toggleLinearEditor", "perform": [Function], "predicate": [Function], "trackEvent": Object { "category": "element", }, }, Object { "PanelComponent": [Function], "contextItemLabel": [Function], "keyTest": [Function], "name": "hyperlink", "perform": [Function], "predicate": [Function], "trackEvent": Object { "action": "click", "category": "hyperlink", }, }, Object { "PanelComponent": [Function], "contextItemLabel": "labels.duplicateSelection", "keyTest": [Function], "name": "duplicateSelection", "perform": [Function], "trackEvent": Object { "category": "element", }, }, Object { "contextItemLabel": [Function], "keyTest": [Function], "name": "toggleElementLock", "perform": [Function], "trackEvent": Object { "category": "element", }, }, "separator", Object { "PanelComponent": [Function], "contextItemLabel": "labels.delete", "keyTest": [Function], "name": "deleteSelectedElements", "perform": [Function], "trackEvent": Object { "action": "delete", "category": "element", }, }, ], "left": 80, "top": 90, }, "currentChartType": "bar", "currentItemBackgroundColor": "transparent", "currentItemEndArrowhead": "arrow", "currentItemFillStyle": "hachure", "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemOpacity": 100, "currentItemRoughness": 1, "currentItemRoundness": "round", "currentItemStartArrowhead": null, "currentItemStrokeColor": "#1e1e1e", "currentItemStrokeStyle": "solid", "currentItemStrokeWidth": 1, "currentItemTextAlign": "left", "cursorButton": "up", "defaultSidebarDockedPreference": false, "draggingElement": null, "editingElement": null, "editingGroupId": null, "editingLinearElement": null, "errorMessage": null, "exportBackground": true, "exportEmbedScene": false, "exportScale": 1, "exportWithDarkMode": false, "fileHandle": null, "gridSize": null, "height": 100, "isBindingEnabled": true, "isLoading": false, "isResizing": false, "isRotating": false, "lastPointerDownWith": "mouse", "multiElement": null, "name": "Untitled-201933152653", "offsetLeft": 20, "offsetTop": 10, "openDialog": null, "openMenu": null, "openPopup": null, "openSidebar": null, "pasteDialog": Object { "data": null, "shown": false, }, "penDetected": false, "penMode": false, "pendingImageElementId": null, "previousSelectedElementIds": Object {}, "resizingElement": null, "scrollX": 0, "scrollY": 0, "scrolledOutside": false, "selectedElementIds": Object { "id1": true, }, "selectedGroupIds": Object {}, "selectedLinearElement": null, "selectionElement": null, "shouldCacheIgnoreZoom": false, "showHyperlinkPopup": false, "showStats": false, "showWelcomeScreen": true, "startBoundElement": null, "suggestedBindings": Array [], "theme": "light", "toast": null, "viewBackgroundColor": "#ffffff", "viewModeEnabled": false, "width": 200, "zenModeEnabled": false, "zoom": Object { "value": 1, }, } `; exports[`contextMenu element shows context menu for element: [end of test] element 0 1`] = ` Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, } `; exports[`contextMenu element shows context menu for element: [end of test] element 0 2`] = ` Object { "angle": 0, "backgroundColor": "red", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 337897, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 1, "versionNonce": 0, "width": 200, "x": 0, "y": 0, } `; exports[`contextMenu element shows context menu for element: [end of test] element 1 1`] = ` Object { "angle": 0, "backgroundColor": "red", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 200, "id": "id1", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 1, "versionNonce": 0, "width": 200, "x": 0, "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 {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object { "id0": true, }, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [ Object { "angle": 0, "backgroundColor": "transparent", "boundElements": null, "fillStyle": "hachure", "groupIds": Array [], "height": 20, "id": "id0", "isDeleted": false, "link": null, "locked": false, "opacity": 100, "roughness": 1, "roundness": Object { "type": 3, }, "seed": 1278240551, "strokeColor": "#1e1e1e", "strokeStyle": "solid", "strokeWidth": 1, "type": "rectangle", "updated": 1, "version": 2, "versionNonce": 449462985, "width": 20, "x": -10, "y": 0, }, ], }, ], } `; exports[`contextMenu element shows context menu for element: [end of test] history 2`] = ` Object { "recording": false, "redoStack": Array [], "stateHistory": Array [ Object { "appState": Object { "editingGroupId": null, "editingLinearElement": null, "name": "Untitled-201933152653", "selectedElementIds": Object {}, "selectedGroupIds": Object {}, "viewBackgroundColor": "#ffffff", }, "elements": Array [], }, ], } `; 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 elements 2`] = `2`; exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`; exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;