mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
59769 lines
1.3 MiB
59769 lines
1.3 MiB
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
"id6": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id5": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 30,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 60,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 30,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 60,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] number of renders 1`] = `28`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id5": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
"id1": true,
|
|
"id2": false,
|
|
"id3": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id4": false,
|
|
"id5": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 100,
|
|
"x": 220,
|
|
"y": 220,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 100,
|
|
"x": 140,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id25",
|
|
],
|
|
"height": 100,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 348321737,
|
|
"width": 100,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id25",
|
|
],
|
|
"height": 100,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1189086535,
|
|
"width": 100,
|
|
"x": 250,
|
|
"y": 260,
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 100,
|
|
"x": 220,
|
|
"y": 220,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 100,
|
|
"x": 220,
|
|
"y": 220,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] number of renders 1`] = `24`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": "id10",
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": false,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id12": true,
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 915032327,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id4",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
"id9": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id10": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 915032327,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id4",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id11": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 915032327,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id10",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id12": true,
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 915032327,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] number of renders 1`] = `43`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 25,
|
|
"y": 25,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 55,
|
|
"y": 65,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 25,
|
|
"y": 25,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] number of renders 1`] = `12`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": 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,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id26",
|
|
],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1189086535,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests adjusts z order when grouping: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id26",
|
|
],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453187241,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `22`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests alt-drag duplicates an element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `12`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 8,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 9,
|
|
"y": 9,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests arrow keys: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 8,
|
|
"versionNonce": 348321737,
|
|
"width": 10,
|
|
"x": 39,
|
|
"y": 49,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `21`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 200,
|
|
"x": 300,
|
|
"y": 300,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 350,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1150084233,
|
|
"width": 350,
|
|
"x": 300,
|
|
"y": 300,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1177973545,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 888958951,
|
|
"width": 200,
|
|
"x": 130,
|
|
"y": 140,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 2066753033,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1189086535,
|
|
"width": 200,
|
|
"x": 330,
|
|
"y": 340,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 350,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 271613161,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 651223591,
|
|
"width": 350,
|
|
"x": 330,
|
|
"y": 340,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 350,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1150084233,
|
|
"width": 350,
|
|
"x": 300,
|
|
"y": 300,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 200,
|
|
"x": 300,
|
|
"y": 300,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 350,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1150084233,
|
|
"width": 350,
|
|
"x": 300,
|
|
"y": 300,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] number of renders 1`] = `20`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "#fa5252",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#5f3dc4",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": "strokeColorPicker",
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests change the properties of a shape: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"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`] = `15`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [dragged] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `12`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": 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 {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click on an element and drag it: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 271613161,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `15`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click to select a shape: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `15`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
Object {
|
|
"id": "id14",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1439318121,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": Object {
|
|
"elementId": "id6",
|
|
"focus": -1,
|
|
"gap": 15,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 337026951,
|
|
"width": 300,
|
|
"x": -75,
|
|
"y": 65,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1532871783,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -5,
|
|
"y": 52.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests click-drag to select a group: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `21`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 110,
|
|
"y": 110,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 140,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `16`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 2019559783,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 50,
|
|
"y": 50,
|
|
},
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 110,
|
|
"y": 110,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 140,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] number of renders 1`] = `17`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 100,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 100,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] number of renders 1`] = `11`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453187241,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1532871783,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1704745353,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 337026951,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1439318121,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1934038695,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 425216841,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 2140907975,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 413268521,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 909170919,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 613600521,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1016275975,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1688617961,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1388251943,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 82304713,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 86052423,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 603135401,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 513125735,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 15958153,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1516857479,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests double click to edit a group: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1772390249,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `20`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 25,
|
|
"y": 25,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 135,
|
|
"y": 135,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 651223591,
|
|
"width": 10,
|
|
"x": 55,
|
|
"y": 65,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 348321737,
|
|
"width": 10,
|
|
"x": 165,
|
|
"y": 175,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 25,
|
|
"y": 25,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 135,
|
|
"y": 135,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] number of renders 1`] = `18`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "freedraw",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id7": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 760410951,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 941653321,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1359939303,
|
|
"width": 50,
|
|
"x": 550,
|
|
"y": -10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 20,
|
|
"x": 100,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 24 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id24",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 651223591,
|
|
"startArrowhead": null,
|
|
"startBinding": Object {
|
|
"elementId": "id2",
|
|
"focus": -0.7600000000000001,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453187241,
|
|
"width": 50,
|
|
"x": 160,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 25 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id25",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1704745353,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1439318121,
|
|
"width": 50,
|
|
"x": 250,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 26 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id26",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1934038695,
|
|
"startArrowhead": null,
|
|
"startBinding": Object {
|
|
"elementId": "id6",
|
|
"focus": -0.6417910447761194,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 8,
|
|
"versionNonce": 1688617961,
|
|
"width": 80,
|
|
"x": 340,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 27 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id27",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 82304713,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 1772390249,
|
|
"width": 80,
|
|
"x": 460,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests draw every type of shape: [end of test] element 28 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id28",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1448656807,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 836141353,
|
|
"width": 50,
|
|
"x": 580,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 81784553,
|
|
"width": 50,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 760410951,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1898319239,
|
|
"width": 50,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 760410951,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 406373543,
|
|
"width": 80,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id7": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 20,
|
|
"x": 70,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1150084233,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 238820263,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 220,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1505387817,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 1723083209,
|
|
"width": 80,
|
|
"x": 310,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
80,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
80,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 760410951,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 406373543,
|
|
"width": 80,
|
|
"x": 430,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
50,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
Array [
|
|
50,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 941653321,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1359939303,
|
|
"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`] = `57`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 100,
|
|
"x": 310,
|
|
"y": 310,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 100,
|
|
"x": 140,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 100,
|
|
"x": 340,
|
|
"y": 350,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 100,
|
|
"x": 310,
|
|
"y": 310,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] number of renders 1`] = `21`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "#fa5252",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 1000,
|
|
"x": 500,
|
|
"y": 500,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1177973545,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 888958951,
|
|
"width": 1000,
|
|
"x": 530,
|
|
"y": 540,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 449462985,
|
|
"width": 1000,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partially overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] number of renders 1`] = `19`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 1000,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 500,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 500,
|
|
"y": 500,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 1000,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 500,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] number of renders 1`] = `12`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 1000,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 500,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 500,
|
|
"y": 500,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 1000,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 500,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 1000,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 401146281,
|
|
"width": 1000,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "red",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 500,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 500,
|
|
"y": 500,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] number of renders 1`] = `13`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 2 selects rectangle tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 3 selects diamond tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 4 selects ellipse tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": LinearElementEditor {
|
|
"elementId": "id0",
|
|
"endBindingElement": "keep",
|
|
"hoverPointIndex": -1,
|
|
"isDragging": false,
|
|
"lastUncommittedPoint": null,
|
|
"pointerDownState": Object {
|
|
"lastClickedPoint": -1,
|
|
"origin": null,
|
|
"prevSelectedPointsIndices": null,
|
|
"segmentMidpoint": Object {
|
|
"added": false,
|
|
"index": null,
|
|
"value": null,
|
|
},
|
|
},
|
|
"pointerOffset": Object {
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"segmentMidPointHoveredCoords": null,
|
|
"selectedPointsIndices": null,
|
|
"startBindingElement": "keep",
|
|
},
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 888958951,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 5 selects arrow tool: [end of test] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": LinearElementEditor {
|
|
"elementId": "id0",
|
|
"endBindingElement": "keep",
|
|
"hoverPointIndex": -1,
|
|
"isDragging": false,
|
|
"lastUncommittedPoint": null,
|
|
"pointerDownState": Object {
|
|
"lastClickedPoint": -1,
|
|
"origin": null,
|
|
"prevSelectedPointsIndices": null,
|
|
"segmentMidpoint": Object {
|
|
"added": false,
|
|
"index": null,
|
|
"value": null,
|
|
},
|
|
},
|
|
"pointerOffset": Object {
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"segmentMidPointHoveredCoords": null,
|
|
"selectedPointsIndices": null,
|
|
"startBindingElement": "keep",
|
|
},
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 888958951,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 6 selects line tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "freedraw",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1573789895,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key 7 selects freedraw tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": LinearElementEditor {
|
|
"elementId": "id0",
|
|
"endBindingElement": "keep",
|
|
"hoverPointIndex": -1,
|
|
"isDragging": false,
|
|
"lastUncommittedPoint": null,
|
|
"pointerDownState": Object {
|
|
"lastClickedPoint": -1,
|
|
"origin": null,
|
|
"prevSelectedPointsIndices": null,
|
|
"segmentMidpoint": Object {
|
|
"added": false,
|
|
"index": null,
|
|
"value": null,
|
|
},
|
|
},
|
|
"pointerOffset": Object {
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"segmentMidPointHoveredCoords": null,
|
|
"selectedPointsIndices": null,
|
|
"startBindingElement": "keep",
|
|
},
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 888958951,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key a selects arrow tool: [end of test] number of renders 1`] = `10`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key d selects diamond tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": LinearElementEditor {
|
|
"elementId": "id0",
|
|
"endBindingElement": "keep",
|
|
"hoverPointIndex": -1,
|
|
"isDragging": false,
|
|
"lastUncommittedPoint": null,
|
|
"pointerDownState": Object {
|
|
"lastClickedPoint": -1,
|
|
"origin": null,
|
|
"prevSelectedPointsIndices": null,
|
|
"segmentMidpoint": Object {
|
|
"added": false,
|
|
"index": null,
|
|
"value": null,
|
|
},
|
|
},
|
|
"pointerOffset": Object {
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"segmentMidPointHoveredCoords": null,
|
|
"selectedPointsIndices": null,
|
|
"startBindingElement": "keep",
|
|
},
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 888958951,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key l selects line tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key o selects ellipse tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "freedraw",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1573789895,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
10,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
Array [
|
|
10,
|
|
10,
|
|
],
|
|
],
|
|
"pressures": Array [
|
|
0,
|
|
0,
|
|
0,
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"simulatePressure": false,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "freedraw",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key p selects freedraw tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key 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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests key r selects rectangle tool: [end of test] number of renders 1`] = `9`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": 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,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 915032327,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id1_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 747212839,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id2_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
Object {
|
|
"id": "id14",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1704745353,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": Object {
|
|
"elementId": "id6",
|
|
"focus": -0.7142857142857143,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1532871783,
|
|
"width": 300,
|
|
"x": -60,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1189086535,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": 10,
|
|
"y": 47.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests make a group and duplicate it: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id0_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 915032327,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id1_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 747212839,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1723083209,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4_copy",
|
|
],
|
|
"height": 10,
|
|
"id": "id2_copy",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1006504105,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1505387817,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `24`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1448656807,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1750184521,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150300871,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 836141353,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 1571570151,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402893321,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 314141959,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 564464361,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 2134127655,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1685439945,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 453580615,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1194075305,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 747935335,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 91465609,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 2057515399,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1502072425,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1047619751,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 708057417,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1437318087,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 2027161641,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 879667943,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `21`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "touch",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": -2.916666666666668,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": true,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`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`] = `11`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "rectangle",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": "canvas",
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`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`] = `11`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": false,
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] number of renders 1`] = `11`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": 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 {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 348321737,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests shift-click to multiselect, then drag: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1189086535,
|
|
"width": 10,
|
|
"x": 70,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `20`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1505387817,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
Object {
|
|
"id": "id14",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1704745353,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": Object {
|
|
"elementId": "id6",
|
|
"focus": -0.7142857142857143,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id25",
|
|
],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 337026951,
|
|
"width": 300,
|
|
"x": -60,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id25",
|
|
],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1439318121,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": 10,
|
|
"y": 47.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 60,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1505387817,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 23633383,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests should group elements and ungroup them: [end of test] number of renders 1`] = `25`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "#fa5252",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 888958951,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fa5252",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 449462985,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of elements 1`] = `1`;
|
|
|
|
exports[`regression tests should show fill icons when element has non transparent background: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id11": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id10": true,
|
|
},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1014066025,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1723083209,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 760410951,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2140907975,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 413268521,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 909170919,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 613600521,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1016275975,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1688617961,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1388251943,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 82304713,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 86052423,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 603135401,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 513125735,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 15958153,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1516857479,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1772390249,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1448656807,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1750184521,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150300871,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 836141353,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1571570151,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 10,
|
|
"id": "id25",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 651223591,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1402893321,
|
|
"width": 10,
|
|
"x": 40,
|
|
"y": 90,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] element 24 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id29",
|
|
],
|
|
"height": 10,
|
|
"id": "id26",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1189086535,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 314141959,
|
|
"width": 10,
|
|
"x": 80,
|
|
"y": 90,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id4": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1014066025,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 50,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1014066025,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 238820263,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 50,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 50,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id5": true,
|
|
"id6": true,
|
|
"id7": true,
|
|
"id8": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id9": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1014066025,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 493213705,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 50,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 915032327,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 50,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id5": true,
|
|
"id6": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id10": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id4",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 747212839,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1014066025,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1723083209,
|
|
"width": 10,
|
|
"x": 10,
|
|
"y": 50,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id9",
|
|
"id10",
|
|
],
|
|
"height": 10,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 400692809,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 760410951,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 50,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of elements 1`] = `4`;
|
|
|
|
exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] number of renders 1`] = `39`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 60,
|
|
"scrollY": 60,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`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`] = `8`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453187241,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1532871783,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1704745353,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 337026951,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1439318121,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1934038695,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 425216841,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 2140907975,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 413268521,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 909170919,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 613600521,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1016275975,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1688617961,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1388251943,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 82304713,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 86052423,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 603135401,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 513125735,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 50,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 15958153,
|
|
"width": 50,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 50,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1516857479,
|
|
"width": 50,
|
|
"x": 130,
|
|
"y": 140,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests supports nested groups: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id24",
|
|
],
|
|
"height": 50,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1772390249,
|
|
"width": 50,
|
|
"x": 230,
|
|
"y": 240,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1150084233,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1014066025,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": "id3",
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id2": true,
|
|
"id4": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id5": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
"id1": true,
|
|
"id2": true,
|
|
"id7": true,
|
|
},
|
|
"selectedGroupIds": Object {
|
|
"id3": true,
|
|
},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1116226695,
|
|
"width": 50,
|
|
"x": 100,
|
|
"y": 100,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 50,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [
|
|
"id5",
|
|
"id3",
|
|
],
|
|
"height": 50,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1604849351,
|
|
"width": 50,
|
|
"x": 200,
|
|
"y": 200,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
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`] = `32`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
"id2": true,
|
|
"id3": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 100,
|
|
"x": 310,
|
|
"y": 310,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 100,
|
|
"x": 140,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 735304455,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 271613161,
|
|
"width": 100,
|
|
"x": 340,
|
|
"y": 350,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 100,
|
|
"x": 110,
|
|
"y": 110,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2019559783,
|
|
"width": 100,
|
|
"x": 310,
|
|
"y": 310,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of elements 1`] = `3`;
|
|
|
|
exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] number of renders 1`] = `20`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "selection",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 0,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 10,
|
|
"x": 30,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 10,
|
|
"x": 50,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 10,
|
|
"x": 0,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 10,
|
|
"x": 20,
|
|
"y": 20,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] number of elements 1`] = `2`;
|
|
|
|
exports[`regression tests switches selected element on pointer down: [end of test] number of renders 1`] = `14`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "down",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "touch",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 10,
|
|
"scrollY": -10,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": true,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": 1177973545,
|
|
"width": 300,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`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`] = `13`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 760410951,
|
|
"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",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 6,
|
|
"versionNonce": 1006504105,
|
|
"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",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": true,
|
|
"lastCommittedPoint": Array [
|
|
60,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 9,
|
|
"versionNonce": 81784553,
|
|
"width": 60,
|
|
"x": 130,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
Object {
|
|
"id": "id23",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 337026951,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 21 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id21",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 1573789895,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1177973545,
|
|
"width": 20,
|
|
"x": 40,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 22 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id22",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 888958951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2066753033,
|
|
"width": 30,
|
|
"x": 70,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests undo/redo drawing an element: [end of test] element 23 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": Object {
|
|
"elementId": "id6",
|
|
"focus": -1.0000000000000002,
|
|
"gap": 5,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id23",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
100,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
Array [
|
|
100,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 735304455,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 9,
|
|
"versionNonce": 1439318121,
|
|
"width": 100,
|
|
"x": 160,
|
|
"y": 50,
|
|
}
|
|
`;
|
|
|
|
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,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
100,
|
|
20,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
Array [
|
|
100,
|
|
20,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 7,
|
|
"versionNonce": 400692809,
|
|
"width": 100,
|
|
"x": 130,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id2": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 453191,
|
|
"width": 30,
|
|
"x": 40,
|
|
"y": 0,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": Array [
|
|
60,
|
|
10,
|
|
],
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
60,
|
|
10,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 2,
|
|
},
|
|
"seed": 401146281,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 5,
|
|
"versionNonce": 1014066025,
|
|
"width": 60,
|
|
"x": 130,
|
|
"y": 10,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id0": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
],
|
|
},
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {
|
|
"id1": true,
|
|
},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 10,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1278240551,
|
|
"width": 20,
|
|
"x": 10,
|
|
"y": -10,
|
|
},
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 20,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": Object {
|
|
"type": 3,
|
|
},
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"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`] = `31`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "text",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 3,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests updates fontSize & fontFamily appState: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
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 {},
|
|
"selectedGroupIds": 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`] = `7`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
|
|
Object {
|
|
"activeTool": Object {
|
|
"customType": null,
|
|
"lastActiveTool": null,
|
|
"locked": false,
|
|
"type": "selection",
|
|
},
|
|
"collaborators": Map {},
|
|
"contextMenu": null,
|
|
"currentChartType": "bar",
|
|
"currentItemBackgroundColor": "transparent",
|
|
"currentItemEndArrowhead": "arrow",
|
|
"currentItemFillStyle": "hachure",
|
|
"currentItemFontFamily": 1,
|
|
"currentItemFontSize": 20,
|
|
"currentItemOpacity": 100,
|
|
"currentItemRoughness": 1,
|
|
"currentItemRoundness": "round",
|
|
"currentItemStartArrowhead": null,
|
|
"currentItemStrokeColor": "#000000",
|
|
"currentItemStrokeStyle": "solid",
|
|
"currentItemStrokeWidth": 1,
|
|
"currentItemTextAlign": "left",
|
|
"cursorButton": "up",
|
|
"defaultSidebarDockedPreference": false,
|
|
"draggingElement": null,
|
|
"editingElement": null,
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"errorMessage": null,
|
|
"exportBackground": true,
|
|
"exportEmbedScene": false,
|
|
"exportScale": 1,
|
|
"exportWithDarkMode": false,
|
|
"fileHandle": null,
|
|
"gridSize": null,
|
|
"height": 768,
|
|
"isBindingEnabled": true,
|
|
"isLoading": false,
|
|
"isResizing": false,
|
|
"isRotating": false,
|
|
"lastPointerDownWith": "mouse",
|
|
"multiElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"offsetLeft": 0,
|
|
"offsetTop": 0,
|
|
"openDialog": null,
|
|
"openMenu": null,
|
|
"openPopup": null,
|
|
"openSidebar": null,
|
|
"pasteDialog": Object {
|
|
"data": null,
|
|
"shown": false,
|
|
},
|
|
"penDetected": false,
|
|
"penMode": false,
|
|
"pendingImageElementId": null,
|
|
"previousSelectedElementIds": Object {},
|
|
"resizingElement": null,
|
|
"scrollX": 0,
|
|
"scrollY": 0,
|
|
"scrolledOutside": false,
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"selectedLinearElement": null,
|
|
"selectionElement": null,
|
|
"shouldCacheIgnoreZoom": false,
|
|
"showHyperlinkPopup": false,
|
|
"showStats": false,
|
|
"showWelcomeScreen": true,
|
|
"startBoundElement": null,
|
|
"suggestedBindings": Array [],
|
|
"theme": "light",
|
|
"toast": null,
|
|
"viewBackgroundColor": "#ffffff",
|
|
"viewModeEnabled": false,
|
|
"width": 1024,
|
|
"zenModeEnabled": false,
|
|
"zoom": Object {
|
|
"value": 1,
|
|
},
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 0 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id0",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 337897,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 10,
|
|
"y": 10,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 1 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1278240551,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 50,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 2 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id2",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 449462985,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 100,
|
|
"x": 120,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 3 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id3",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 453191,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"verticalAlign": "top",
|
|
"width": 50,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 4 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#4dabf7",
|
|
"boundElements": Array [],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 200,
|
|
"id": "id4",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 401146281,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 500,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 5 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id5",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2019559783,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 6 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id7",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 35,
|
|
"id": "id6",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1150084233,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 400692809,
|
|
"width": 160,
|
|
"x": 240,
|
|
"y": 30,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 7 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id6",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id7",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1116226695,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM RECT",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1604849351,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 245,
|
|
"y": 35,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 8 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id9",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 49,
|
|
"id": "id8",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1505387817,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 81784553,
|
|
"width": 269,
|
|
"x": 400,
|
|
"y": 410,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 9 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id8",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id9",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ELLIPSE",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 23633383,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ELLIPSE",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 747212839,
|
|
"verticalAlign": "middle",
|
|
"width": 180,
|
|
"x": 444.39413793040933,
|
|
"y": 422.17588386092956,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 10 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id11",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 70,
|
|
"id": "id10",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1723083209,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1315507081,
|
|
"width": 440,
|
|
"x": 10,
|
|
"y": 530,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 11 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id10",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id11",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 760410951,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1898319239,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 125,
|
|
"y": 552.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 12 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id13",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 120,
|
|
"id": "id12",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 640725609,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 4,
|
|
"versionNonce": 1402203177,
|
|
"width": 440,
|
|
"x": 199,
|
|
"y": 123,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 13 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id12",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 50,
|
|
"id": "id13",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO Text In Diamond
|
|
with props",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 406373543,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO Text In Diamond
|
|
with props",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1359939303,
|
|
"verticalAlign": "middle",
|
|
"width": 210,
|
|
"x": 314,
|
|
"y": 158,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 14 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id15",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id14",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1349943049,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 2101589481,
|
|
"width": 0,
|
|
"x": -120,
|
|
"y": 40,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 15 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id14",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id15",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO FROM ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 2004587015,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO FROM ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 845789479,
|
|
"verticalAlign": "middle",
|
|
"width": 160,
|
|
"x": -50,
|
|
"y": 27.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 16 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [],
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 24,
|
|
"id": "id16",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
200,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1292308681,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": 0,
|
|
"width": 200,
|
|
"x": -202,
|
|
"y": 70,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 17 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 0,
|
|
"id": "id17",
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": Array [
|
|
Array [
|
|
0,
|
|
0,
|
|
],
|
|
Array [
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 927333447,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1508694887,
|
|
"width": 0,
|
|
"x": -190,
|
|
"y": 169,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 18 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id17",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"groupIds": Array [],
|
|
"height": 25,
|
|
"id": "id18",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1163661225,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 745419401,
|
|
"verticalAlign": "middle",
|
|
"width": 190,
|
|
"x": -135,
|
|
"y": 156.5,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 19 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": Array [
|
|
Object {
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"groupIds": Array [],
|
|
"height": 100,
|
|
"id": "id19",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1051383431,
|
|
"strokeColor": "#495057",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1279028647,
|
|
"width": 113.3515625,
|
|
"x": -300,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] element 20 1`] = `
|
|
Object {
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": Array [],
|
|
"containerId": "id19",
|
|
"fillStyle": "hachure",
|
|
"fontFamily": 1,
|
|
"fontSize": 13.5,
|
|
"groupIds": Array [],
|
|
"height": 16.875,
|
|
"id": "id20",
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO RECT",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": 1996028265,
|
|
"strokeColor": "#000000",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"text": "HELLO RECT",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": 1984422985,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": -295,
|
|
"y": 205,
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
|
|
Object {
|
|
"recording": false,
|
|
"redoStack": Array [],
|
|
"stateHistory": Array [
|
|
Object {
|
|
"appState": Object {
|
|
"editingGroupId": null,
|
|
"editingLinearElement": null,
|
|
"name": "Untitled-201933152653",
|
|
"selectedElementIds": Object {},
|
|
"selectedGroupIds": Object {},
|
|
"viewBackgroundColor": "#ffffff",
|
|
},
|
|
"elements": Array [],
|
|
},
|
|
],
|
|
}
|
|
`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;
|
|
|
|
exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `7`;
|