mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-04-14 16:40:58 -04:00
6459ccda6a
* feat: add flipping when resizing multiple elements * fix: image elements not flipping its content * test: fix accidental resizing in grouping test * fix: angles not flipping vertically when resizing * feat: add flipping multiple elements with a command * revert: image elements not flipping its content This reverts commit cb989a6c66e62a02a8c04ce41f12507806c8d0a0. * fix: add special cases for flipping text & images * fix: a few corner cases for flipping * fix: remove angle flip * fix: bound text scaling when resizing * fix: linear elements drifting away after multiple flips * revert: fix linear elements drifting away after multiple flips This reverts commitbffc33dd3f. * fix: linear elements unstable bounds * revert: linear elements unstable bounds This reverts commit22ae9b02c4. * fix: hand-drawn lines shift after flipping * test: fix flipping tests * test: fix the number of context menu items * fix: incorrect scaling due to ignoring bound text when finding selection bounds * fix: bound text coordinates not being updated * fix: lines bound text rotation * fix: incorrect placement of bound lines on flip * remove redundant predicates in actionFlip * update test * refactor resizeElement with some renaming and comments * fix grouped bounded text elements not being flipped correctly * combine mutation for bounded text element * remove incorrect return * fix: linear elements bindings after flipping * revert: remove incorrect return This reverts commite6b205ca90. * fix: minimum size for all elements in selection --------- Co-authored-by: Ryan Di <ryan.weihao.di@gmail.com>
6672 lines
169 KiB
Text
6672 lines
169 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.cut",
|
|
"keyTest": [Function],
|
|
"name": "cut",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copy",
|
|
"keyTest": undefined,
|
|
"name": "copy",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyStyles",
|
|
"keyTest": [Function],
|
|
"name": "copyStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.pasteStyles",
|
|
"keyTest": [Function],
|
|
"name": "pasteStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.group",
|
|
"keyTest": [Function],
|
|
"name": "group",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.unbindText",
|
|
"name": "unbindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.bindText",
|
|
"name": "bindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.createContainerFromText",
|
|
"name": "wrapTextInContainer",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.ungroup",
|
|
"keyTest": [Function],
|
|
"name": "ungroup",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.addToLibrary",
|
|
"name": "addToLibrary",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendBackward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "sendBackward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringForward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "bringForward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendToBack",
|
|
"keyTest": [Function],
|
|
"name": "sendToBack",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringToFront",
|
|
"keyTest": [Function],
|
|
"name": "bringToFront",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.flipHorizontal",
|
|
"keyTest": [Function],
|
|
"name": "flipHorizontal",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.flipVertical",
|
|
"keyTest": [Function],
|
|
"name": "flipVertical",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"name": "toggleLinearEditor",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "hyperlink",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"action": "click",
|
|
"category": "hyperlink",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.duplicateSelection",
|
|
"keyTest": [Function],
|
|
"name": "duplicateSelection",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "toggleElementLock",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.delete",
|
|
"keyTest": [Function],
|
|
"name": "deleteSelectedElements",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"action": "delete",
|
|
"category": "element",
|
|
},
|
|
},
|
|
],
|
|
"left": 30,
|
|
"top": 40,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"g1": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"groupIds": Array [
|
|
"g1",
|
|
],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"groupIds": Array [
|
|
"g1",
|
|
],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element right-clicking on a group should select whole group: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": Object {
|
|
"message": "Added to library",
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`contextMenu element selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": Object {
|
|
"message": "Copied styles.",
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`contextMenu element selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": true,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": true,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`contextMenu element selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0_copy": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": 0,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0_copy": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": 0,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `20`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "#a5d8ff",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "cross-hatch",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 60,
|
|
"currentItemRoughness": 2,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#e03131",
|
|
"currentItemStrokeStyle": "dotted",
|
|
"currentItemStrokeWidth": 2,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": Object {
|
|
"message": "Copied styles.",
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 23633383,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 9,
|
|
"versionNonce": 1505387817,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 1014066025,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 238820263,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 8,
|
|
"versionNonce": 1604849351,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 9,
|
|
"versionNonce": 1505387817,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 23633383,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#e03131",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 9,
|
|
"versionNonce": 1505387817,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `32`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 238820263,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 238820263,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `21`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.cut",
|
|
"keyTest": [Function],
|
|
"name": "cut",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copy",
|
|
"keyTest": undefined,
|
|
"name": "copy",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyStyles",
|
|
"keyTest": [Function],
|
|
"name": "copyStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.pasteStyles",
|
|
"keyTest": [Function],
|
|
"name": "pasteStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.group",
|
|
"keyTest": [Function],
|
|
"name": "group",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.unbindText",
|
|
"name": "unbindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.bindText",
|
|
"name": "bindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.createContainerFromText",
|
|
"name": "wrapTextInContainer",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.ungroup",
|
|
"keyTest": [Function],
|
|
"name": "ungroup",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.addToLibrary",
|
|
"name": "addToLibrary",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendBackward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "sendBackward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringForward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "bringForward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendToBack",
|
|
"keyTest": [Function],
|
|
"name": "sendToBack",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringToFront",
|
|
"keyTest": [Function],
|
|
"name": "bringToFront",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.flipHorizontal",
|
|
"keyTest": [Function],
|
|
"name": "flipHorizontal",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.flipVertical",
|
|
"keyTest": [Function],
|
|
"name": "flipVertical",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"name": "toggleLinearEditor",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "hyperlink",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"action": "click",
|
|
"category": "hyperlink",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.duplicateSelection",
|
|
"keyTest": [Function],
|
|
"name": "duplicateSelection",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "toggleElementLock",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.delete",
|
|
"keyTest": [Function],
|
|
"name": "deleteSelectedElements",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"action": "delete",
|
|
"category": "element",
|
|
},
|
|
},
|
|
],
|
|
"left": -19,
|
|
"top": -9,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `20`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.cut",
|
|
"keyTest": [Function],
|
|
"name": "cut",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copy",
|
|
"keyTest": undefined,
|
|
"name": "copy",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyStyles",
|
|
"keyTest": [Function],
|
|
"name": "copyStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.pasteStyles",
|
|
"keyTest": [Function],
|
|
"name": "pasteStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.group",
|
|
"keyTest": [Function],
|
|
"name": "group",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.unbindText",
|
|
"name": "unbindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.bindText",
|
|
"name": "bindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.createContainerFromText",
|
|
"name": "wrapTextInContainer",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.ungroup",
|
|
"keyTest": [Function],
|
|
"name": "ungroup",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.addToLibrary",
|
|
"name": "addToLibrary",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendBackward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "sendBackward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringForward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "bringForward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendToBack",
|
|
"keyTest": [Function],
|
|
"name": "sendToBack",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringToFront",
|
|
"keyTest": [Function],
|
|
"name": "bringToFront",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.flipHorizontal",
|
|
"keyTest": [Function],
|
|
"name": "flipHorizontal",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.flipVertical",
|
|
"keyTest": [Function],
|
|
"name": "flipVertical",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"name": "toggleLinearEditor",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "hyperlink",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"action": "click",
|
|
"category": "hyperlink",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.duplicateSelection",
|
|
"keyTest": [Function],
|
|
"name": "duplicateSelection",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "toggleElementLock",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.delete",
|
|
"keyTest": [Function],
|
|
"name": "deleteSelectedElements",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"action": "delete",
|
|
"category": "element",
|
|
},
|
|
},
|
|
],
|
|
"left": -19,
|
|
"top": -9,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`contextMenu element shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `21`;
|
|
|
|
exports[`contextMenu element shows context menu for canvas: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.selectAll",
|
|
"keyTest": [Function],
|
|
"name": "selectAll",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "canvas",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.elementLock.unlockAll",
|
|
"name": "unlockAllElements",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "canvas",
|
|
},
|
|
"viewMode": false,
|
|
},
|
|
"separator",
|
|
Object {
|
|
"checked": [Function],
|
|
"contextItemLabel": "labels.showGrid",
|
|
"keyTest": [Function],
|
|
"name": "gridMode",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "canvas",
|
|
"predicate": [Function],
|
|
},
|
|
"viewMode": true,
|
|
},
|
|
Object {
|
|
"checked": [Function],
|
|
"contextItemLabel": "buttons.zenMode",
|
|
"keyTest": [Function],
|
|
"name": "zenMode",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "canvas",
|
|
"predicate": [Function],
|
|
},
|
|
"viewMode": true,
|
|
},
|
|
Object {
|
|
"checked": [Function],
|
|
"contextItemLabel": "labels.viewMode",
|
|
"keyTest": [Function],
|
|
"name": "viewMode",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "canvas",
|
|
"predicate": [Function],
|
|
},
|
|
"viewMode": true,
|
|
},
|
|
Object {
|
|
"checked": [Function],
|
|
"contextItemLabel": "stats.title",
|
|
"keyTest": [Function],
|
|
"name": "stats",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "menu",
|
|
},
|
|
"viewMode": true,
|
|
},
|
|
],
|
|
"left": -19,
|
|
"top": -9,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for canvas: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for canvas: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`contextMenu element shows context menu for canvas: [end of test] number of renders 1`] = `6`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.cut",
|
|
"keyTest": [Function],
|
|
"name": "cut",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copy",
|
|
"keyTest": undefined,
|
|
"name": "copy",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyStyles",
|
|
"keyTest": [Function],
|
|
"name": "copyStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.pasteStyles",
|
|
"keyTest": [Function],
|
|
"name": "pasteStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.group",
|
|
"keyTest": [Function],
|
|
"name": "group",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.unbindText",
|
|
"name": "unbindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.bindText",
|
|
"name": "bindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.createContainerFromText",
|
|
"name": "wrapTextInContainer",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.ungroup",
|
|
"keyTest": [Function],
|
|
"name": "ungroup",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.addToLibrary",
|
|
"name": "addToLibrary",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendBackward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "sendBackward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringForward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "bringForward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendToBack",
|
|
"keyTest": [Function],
|
|
"name": "sendToBack",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringToFront",
|
|
"keyTest": [Function],
|
|
"name": "bringToFront",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.flipHorizontal",
|
|
"keyTest": [Function],
|
|
"name": "flipHorizontal",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.flipVertical",
|
|
"keyTest": [Function],
|
|
"name": "flipVertical",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"name": "toggleLinearEditor",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "hyperlink",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"action": "click",
|
|
"category": "hyperlink",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.duplicateSelection",
|
|
"keyTest": [Function],
|
|
"name": "duplicateSelection",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "toggleElementLock",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.delete",
|
|
"keyTest": [Function],
|
|
"name": "deleteSelectedElements",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"action": "delete",
|
|
"category": "element",
|
|
},
|
|
},
|
|
],
|
|
"left": -19,
|
|
"top": -9,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] appState 2`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": Object {
|
|
"items": Array [
|
|
Object {
|
|
"contextItemLabel": "labels.cut",
|
|
"keyTest": [Function],
|
|
"name": "cut",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copy",
|
|
"keyTest": undefined,
|
|
"name": "copy",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.paste",
|
|
"keyTest": undefined,
|
|
"name": "paste",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsPng",
|
|
"keyTest": [Function],
|
|
"name": "copyAsPng",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyAsSvg",
|
|
"name": "copyAsSvg",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.copyText",
|
|
"name": "copyText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.copyStyles",
|
|
"keyTest": [Function],
|
|
"name": "copyStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.pasteStyles",
|
|
"keyTest": [Function],
|
|
"name": "pasteStyles",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.group",
|
|
"keyTest": [Function],
|
|
"name": "group",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.unbindText",
|
|
"name": "unbindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.bindText",
|
|
"name": "bindText",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.createContainerFromText",
|
|
"name": "wrapTextInContainer",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.ungroup",
|
|
"keyTest": [Function],
|
|
"name": "ungroup",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.addToLibrary",
|
|
"name": "addToLibrary",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendBackward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "sendBackward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringForward",
|
|
"keyPriority": 40,
|
|
"keyTest": [Function],
|
|
"name": "bringForward",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.sendToBack",
|
|
"keyTest": [Function],
|
|
"name": "sendToBack",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.bringToFront",
|
|
"keyTest": [Function],
|
|
"name": "bringToFront",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": "labels.flipHorizontal",
|
|
"keyTest": [Function],
|
|
"name": "flipHorizontal",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": "labels.flipVertical",
|
|
"keyTest": [Function],
|
|
"name": "flipVertical",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"name": "toggleLinearEditor",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "hyperlink",
|
|
"perform": [Function],
|
|
"predicate": [Function],
|
|
"trackEvent": Object {
|
|
"action": "click",
|
|
"category": "hyperlink",
|
|
},
|
|
},
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.duplicateSelection",
|
|
"keyTest": [Function],
|
|
"name": "duplicateSelection",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
Object {
|
|
"contextItemLabel": [Function],
|
|
"keyTest": [Function],
|
|
"name": "toggleElementLock",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"category": "element",
|
|
},
|
|
},
|
|
"separator",
|
|
Object {
|
|
"PanelComponent": [Function],
|
|
"contextItemLabel": "labels.delete",
|
|
"keyTest": [Function],
|
|
"name": "deleteSelectedElements",
|
|
"perform": [Function],
|
|
"trackEvent": Object {
|
|
"action": "delete",
|
|
"category": "element",
|
|
},
|
|
},
|
|
],
|
|
"left": 80,
|
|
"top": 90,
|
|
},
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#1e1e1e",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 100,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 20,
|
|
"offsetTop": 10,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 200,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] element 0 2`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": -10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] history 2`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] number of elements 2`] = `2`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] number of renders 1`] = `12`;
|
|
|
|
exports[`contextMenu element shows context menu for element: [end of test] number of renders 2`] = `11`;
|