26f67d27ec
* Refactor: simplify linear element type * Refactor: dedupe scrollbar handling * First step towards binding - establish relationship and basic test for dragged lines * Refactor: use zoom from appstate * Refactor: generalize getElementAtPosition * Only consider bindable elements in hit test * Refactor: pull out pieces of hit test for reuse later * Refactor: pull out diamond from hit test for reuse later * Refactor: pull out text from hit test for reuse later * Suggest binding when hovering * Give shapes in regression test real size * Give shapes in undo/redo test real size * Keep bound element highlighted * Show binding suggestion for multi-point elements * Move binding to its on module with functions so that I can use it from actions, add support for binding end of multi-point elements * Use Id instead of ID * Improve boundary offset for non-squarish elements * Fix localStorage for binding on linear elements * Simplify dragging code and fix elements bound twice to the same shape * Fix binding for rectangles * Bind both ends at the end of the linear element creation, needed for focus points * wip * Refactor: Renames and reshapes for next commit * Calculate and store focus points and gaps, but dont use them yet * Focus points for rectangles * Dont blow up when canceling linear element * Stop suggesting binding when a non-compatible tool is selected * Clean up collision code * Using Geometric Algebra for hit tests * Correct binding for all shapes * Constant gap around polygon corners * Fix rotation handling * Generalize update and fix hit test for rotated elements * Handle rotation realtime * Handle scaling * Remove vibration when moving bound and binding element together * Handle simultenous scaling * Allow binding and unbinding when editing linear elements * Dont delete binding when the end point wasnt touched * Bind on enter/escape when editing * Support multiple suggested bindable elements in preparation for supporting linear elements dragging * Update binding when moving linear elements * Update binding when resizing linear elements * Dont re-render UI on binding hints * Update both ends when one is moved * Use distance instead of focus point for binding * Complicated approach for posterity, ignore this commit * Revert the complicated approach * Better focus point strategy, working for all shapes * Update snapshots * Dont break binding gap when mirroring shape * Dont break binding gap when grid mode pushes it inside * Dont bind draw elements * Support alt duplication * Fix alt duplication to * Support cmd+D duplication * All copy mechanisms are supported * Allow binding shapes to arrows, having arrows created first * Prevent arrows from disappearing for ellipses * Better binding suggestion highlight for shapes * Dont suggest second binding for simple elements when editing or moving them * Dont steal already bound linear elements when moving shapes * Fix highlighting diamonds and more precisely highlight other shapes * Highlight linear element edges for binding * Highlight text binding too * Handle deletion * Dont suggest second binding for simple linear elements when creating them * Dont highlight bound element during creation * Fix binding for rotated linear elements * Fix collision check for ellipses * Dont show suggested bindings for selected pairs * Bind multi-point linear elements when the tool is switched - important for mobile * Handle unbinding one of two bound edges correctly * Rename boundElement in state to startBoundElement * Dont double account for zoom when rendering binding highlight * Fix rendering of edited linear element point handles * Suggest binding when adding new point to a linear element * Bind when adding a new point to a linear element and dont unbind when moving middle elements * Handle deleting points * Add cmd modifier key to disable binding * Use state for enabling binding, fix not binding for linear elements during creation * Drop support for binding lines, only arrows are bindable * Reset binding mode on blur * Fix not binding lines
21384 lines
535 KiB
Plaintext
21384 lines
535 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id5": true,
|
|
},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `20`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 9,
|
|
"y": 9,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "#fa5252",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#5f3dc4",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 401146281,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `11`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `19`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 7,
|
|
"versionNonce": 406373543,
|
|
"width": 80,
|
|
"x": 430,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 941653321,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 1402203177,
|
|
"width": 50,
|
|
"x": 550,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 5,
|
|
"versionNonce": 81784553,
|
|
"width": 50,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 5,
|
|
"versionNonce": 1898319239,
|
|
"width": 50,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 7,
|
|
"versionNonce": 406373543,
|
|
"width": 80,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1150084233,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 238820263,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 1505387817,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 7,
|
|
"versionNonce": 406373543,
|
|
"width": 80,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 941653321,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 1402203177,
|
|
"width": 50,
|
|
"x": 550,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `8`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `51`;
|
|
|
|
exports[`regression tests hotkey 2 selects rectangle tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 2 selects rectangle tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 2 selects rectangle tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey 3 selects diamond tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 3 selects diamond tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 3 selects diamond tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey 4 selects ellipse tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 4 selects ellipse tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 4 selects ellipse tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey 5 selects arrow tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 5 selects arrow tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 5 selects arrow tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of renders 1`] = `8`;
|
|
|
|
exports[`regression tests hotkey 6 selects line tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 6 selects line tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 6 selects line tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 6 selects line tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 6 selects line tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey 7 selects draw tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 7 selects draw tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 7 selects draw tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey 7 selects draw tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey 7 selects draw tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey a selects arrow tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey a selects arrow tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey a selects arrow tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey a selects arrow tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey a selects arrow tool: [end of test] number of renders 1`] = `8`;
|
|
|
|
exports[`regression tests hotkey d selects diamond tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey d selects diamond tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey d selects diamond tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey d selects diamond tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey d selects diamond tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey e selects ellipse tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey e selects ellipse tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey e selects ellipse tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey e selects ellipse tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey e selects ellipse tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey l selects line tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey l selects line tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey l selects line tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey l selects line tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey l selects line tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey r selects rectangle tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey r selects rectangle tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey r selects rectangle tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey r selects rectangle tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey r selects rectangle tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests hotkey x selects draw tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey x selects draw tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey x selects draw tool: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "draw",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests hotkey x selects draw tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests hotkey x selects draw tool: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 915032327,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 747212839,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1723083209,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1006504105,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1505387817,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 400692809,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 915032327,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 747212839,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1723083209,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id7",
|
|
],
|
|
"height": 10,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1006504105,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1505387817,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `6`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `22`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `19`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "touch",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": -6,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": true,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "rectangle",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `6`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id16": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 18,
|
|
"versionNonce": 845789479,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 16,
|
|
"versionNonce": 1359939303,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 17,
|
|
"versionNonce": 2004587015,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id16": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 18,
|
|
"versionNonce": 845789479,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [end of test] number of renders 1`] = `55`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of renders 1`] = `28`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of renders 1`] = `22`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of renders 1`] = `16`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 17,
|
|
"versionNonce": 2004587015,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 16,
|
|
"versionNonce": 1359939303,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 17,
|
|
"versionNonce": 2004587015,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of renders 1`] = `52`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of renders 1`] = `46`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of renders 1`] = `40`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of renders 1`] = `34`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of renders 1`] = `31`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of renders 1`] = `25`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of renders 1`] = `19`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id16": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 18,
|
|
"versionNonce": 845789479,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 16,
|
|
"versionNonce": 1359939303,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 17,
|
|
"versionNonce": 2004587015,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id15": true,
|
|
"id16": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 18,
|
|
"versionNonce": 845789479,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of renders 1`] = `55`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 16,
|
|
"versionNonce": 1359939303,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 15,
|
|
"versionNonce": 908564423,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id13": true,
|
|
"id14": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 16,
|
|
"versionNonce": 1359939303,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of renders 1`] = `49`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 1898319239,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id11": true,
|
|
"id12": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 14,
|
|
"versionNonce": 406373543,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of renders 1`] = `43`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1116226695,
|
|
"width": 5,
|
|
"x": 15,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 15,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 7,
|
|
"versionNonce": 1604849351,
|
|
"width": 5,
|
|
"x": 10,
|
|
"y": 5,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 915032327,
|
|
"width": 15,
|
|
"x": 10,
|
|
"y": 15,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 5,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 760410951,
|
|
"width": 15,
|
|
"x": 5,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id10": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 289600103,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of renders 1`] = `37`;
|
|
|
|
exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": true,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": true,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `8`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `8`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "#e64980",
|
|
"currentItemFillStyle": "cross-hatch",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 60,
|
|
"currentItemRoughness": 2,
|
|
"currentItemStrokeColor": "#c92a2a",
|
|
"currentItemStrokeStyle": "dotted",
|
|
"currentItemStrokeWidth": 2,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"seed": 337897,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"seed": 23633383,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 915032327,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 401146281,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 5,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 8,
|
|
"versionNonce": 238820263,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 9,
|
|
"versionNonce": 400692809,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 10,
|
|
"versionNonce": 1604849351,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 11,
|
|
"versionNonce": 1505387817,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 2,
|
|
"seed": 23633383,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 12,
|
|
"versionNonce": 493213705,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"seed": 23633383,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 915032327,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"seed": 337897,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#e64980",
|
|
"boundElementIds": null,
|
|
"fillStyle": "cross-hatch",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 60,
|
|
"roughness": 2,
|
|
"seed": 23633383,
|
|
"strokeColor": "#c92a2a",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"version": 13,
|
|
"versionNonce": 915032327,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `22`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `12`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `12`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1014066025,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1116226695,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1014066025,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 40,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `15`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `15`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `16`;
|
|
|
|
exports[`regression tests shows context menu for canvas: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows context menu for canvas: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows context menu for canvas: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests shows context menu for canvas: [end of test] number of renders 1`] = `3`;
|
|
|
|
exports[`regression tests shows context menu for element: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows context menu for element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows context menu for element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shows context menu for element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests shows context menu for element: [end of test] number of renders 1`] = `7`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 60,
|
|
"scrollY": 60,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of renders 1`] = `6`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id7": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `31`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "touch",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 11,
|
|
"scrollY": -5,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": true,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1.99,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] number of renders 1`] = `11`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 1006504105,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 6,
|
|
"versionNonce": 289600103,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": true,
|
|
"lastCommittedPoint": Array [
|
|
60,
|
|
10,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 11,
|
|
"versionNonce": 1315507081,
|
|
"width": 60,
|
|
"x": 130,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
100,
|
|
20,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
Array [
|
|
100,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 7,
|
|
"versionNonce": 400692809,
|
|
"width": 100,
|
|
"x": 130,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
60,
|
|
10,
|
|
],
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"seed": 401146281,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"version": 5,
|
|
"versionNonce": 1014066025,
|
|
"width": 60,
|
|
"x": 130,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElementIds": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `28`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 3,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "text",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of renders 1`] = `5`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
|
|
Object {
|
|
"collaborators": Map {},
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"cursorX": 0,
|
|
"cursorY": 0,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"elementLocked": false,
|
|
"elementType": "selection",
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isCollaborating": false,
|
|
"isLibraryOpen": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openMenu": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectionElement": null,
|
|
"shouldAddWatermark": false,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showShortcutsDialog": false,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"username": "",
|
|
"viewBackgroundColor": "#ffffff",
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": 1,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `5`;
|