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