mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
e8def8da8d
* feat: integrate mermaidToExcalidraw * create mermaid to excal dialog * allow mermaid syntax and export in preview * fix * fix webpack config * fix markdown error by using named export * center preview * set elements as selected when inserted onto canvas * persist mermaid data to storage * store canvas data in refs * load mermaid lazily * tweak design * compute width, height correctly for arrows * fix undefined vertex issue * add mermaid icon in dropdown * add a note in dialog * reset preview when error * show error in preview when error * show mermaid error messgae react way * design tweaks * add example and docs link * fix * tweak design to remove scroll bar * show a spinner unless mermaid loaded * regenerate ids when needed via programmatic api, this makes sure for mermaid diagrams ids are regenerated * tweak * add option to transform viewport to scene coords in transform api * make opts optional and use 100% zoom when inserting to canvas * fix arrow bindings in safari and firefox * fix elements insert position and viewport centering * fix: Update start/end points by 0.5 so bindings don't overlap with start/end bound element coordinates. * defer rendering the preview * tweak text * fix tests * remove only * make design responsive * fix: show extra tools dropdown in mobile * fix mobile css * width auto * upgrade mermaid-to-excalidraw * don't pass appState in deps as its not used * upgrade mermaid-to-excalidraw to fix firefox issue * use types from mermaid-to-excalidraw * upgrade mermaid-to-excalidraw * use stable version of mermaid-to-excalidraw * upgrade mermaid-to-excalidraw * fix width of shapes toolbar for smaller screen size and also fix regression of mobile menu * use i18n * better api * enable test coverage in ui * Add tests * use common utils to update and get text editor * updgrade mermaid-to-excalidraw to support sequence diagrams * fix test * don't update arrow container height anytime in when redrawing text bounding box * increase size limit * increase size limit of vendor to 900kb * use openDialog for mermaid * upgrade mermaid-to-excalidraw * update frame id post generation * upgrade mermaid-to-excalidraw to add entity codes support * update size limit * upgrade mermaid-to-excalidraw package with frame api changes * upgrade mermaid-to-excalidraw to remove directive and use config * don't highlight mermaid tool and remove unused api setSelection * stop using loading state to update text area * move some styling to scss * review fixes * use modifiedTableIcon props and remove stale snap * css * dialog css * fix snap * use dialog border * change mermaidToExcalidrawLib to state * better styling of errors * make modal bigger * fix mobile * update snaps * fix icon color * fix dark mode insert button color * horizontally center spinner * render canvas conditionally on loaded state * rd tweaks * tweak class names * remove max height * typo in example * upgrade mermaid-to-excalidraw * simplify error state * fix height & overflow on vertical breakpoint * fix lint * show errors in overlay * set textarea font family * reduce opacity * update snap * upgrade to mermaid 0.1.2 --------- Co-authored-by: dwelle <luzar.david@gmail.com>
2032 lines
39 KiB
Text
2032 lines
39 KiB
Text
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing shapes when start / end provided with ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#d8f5a2",
|
|
"boundElements": [
|
|
{
|
|
"id": "id45",
|
|
"type": "arrow",
|
|
},
|
|
{
|
|
"id": "id46",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 300,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#66a80f",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 630,
|
|
"y": 316,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing shapes when start / end provided with ids 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id46",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#9c36b5",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 140,
|
|
"x": 96,
|
|
"y": 400,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing shapes when start / end provided with ids 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "ellipse-1",
|
|
"focus": -0.008153707962747813,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 35,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0.5,
|
|
],
|
|
[
|
|
394.5,
|
|
34.5,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id47",
|
|
"focus": -0.08139534883720931,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1864ab",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 395,
|
|
"x": 247,
|
|
"y": 420,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing shapes when start / end provided with ids 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "ellipse-1",
|
|
"focus": 0.10666666666666667,
|
|
"gap": 3.834326468444573,
|
|
},
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
399.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "diamond-1",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#e67700",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 400,
|
|
"x": 227,
|
|
"y": 450,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing shapes when start / end provided with ids 5`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id45",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 300,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": -53,
|
|
"y": 270,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing text elements when start / end provided with ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": [
|
|
{
|
|
"id": "id48",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HEYYYYY",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#c2255c",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HEYYYYY",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 70,
|
|
"x": 185,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing text elements when start / end provided with ids 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": [
|
|
{
|
|
"id": "id48",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "Whats up ?",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "Whats up ?",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": 560,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing text elements when start / end provided with ids 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id49",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "text-2",
|
|
"focus": 0,
|
|
"gap": 205,
|
|
},
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "text-1",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 255,
|
|
"y": 239,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to existing text elements when start / end provided with ids 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id48",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO WORLD!!",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 240,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to shapes when start / end provided without ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id38",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "id40",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id39",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 255,
|
|
"y": 239,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to shapes when start / end provided without ids 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id37",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO WORLD!!",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 240,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to shapes when start / end provided without ids 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id37",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 155,
|
|
"y": 189,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to shapes when start / end provided without ids 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id37",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 355,
|
|
"y": 189,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to text when start / end provided without ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id42",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "id44",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id43",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 255,
|
|
"y": 239,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to text when start / end provided without ids 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id41",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO WORLD!!",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 240,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to text when start / end provided without ids 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": [
|
|
{
|
|
"id": "id41",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HEYYYYY",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HEYYYYY",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 70,
|
|
"x": 185,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > Test arrow bindings > should bind arrows to text when start / end provided without ids 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": [
|
|
{
|
|
"id": "id41",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "WHATS UP ?",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "WHATS UP ?",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": 355,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should not allow duplicate ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 200,
|
|
"id": "rect-1",
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "triangle",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": "dot",
|
|
"startBinding": null,
|
|
"strokeColor": "#1971c2",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 450,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
100,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
100,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#2f9e44",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 450,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 250,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 400,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#c0eb75",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 300,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 5`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#ffc9c9",
|
|
"boundElements": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "dotted",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 300,
|
|
"y": 250,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 6`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#a5d8ff",
|
|
"boundElements": null,
|
|
"fillStyle": "cross-hatch",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 100,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1971c2",
|
|
"strokeStyle": "dashed",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 300,
|
|
"y": 400,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform text element 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "HELLO WORLD!",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "HELLO WORLD!",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 120,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform text element 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": null,
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "STYLED HELLO WORLD!",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#5f3dc4",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "STYLED HELLO WORLD!",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 190,
|
|
"x": 100,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id29",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id30",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id31",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1098ad",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 300,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id32",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0.5,
|
|
0,
|
|
],
|
|
[
|
|
99.5,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1098ad",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 100,
|
|
"y": 400,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 5`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id25",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 85,
|
|
"y": 87.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 6`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id26",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "STYLED LABELED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "STYLED LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 200,
|
|
"x": 50,
|
|
"y": 187.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 7`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id27",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 50,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "ANOTHER STYLED LABELLED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1098ad",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "ANOTHER STYLED
|
|
LABELLED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 75,
|
|
"y": 275,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 8`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id28",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 50,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "ANOTHER STYLED LABELLED ARROW",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "ANOTHER STYLED
|
|
LABELLED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 75,
|
|
"y": 375,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id19",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 35,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 250,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 85,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 500,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id21",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 170,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 280,
|
|
"x": 100,
|
|
"y": 150,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#fff3bf",
|
|
"boundElements": [
|
|
{
|
|
"id": "id22",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 120,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "diamond",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 400,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 5`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id23",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 85,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#c2255c",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "rectangle",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 500,
|
|
"y": 300,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 6`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "#ffec99",
|
|
"boundElements": [
|
|
{
|
|
"id": "id24",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "solid",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 120,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#f08c00",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 200,
|
|
"x": 500,
|
|
"y": 500,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 7`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id13",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 25,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "RECTANGLE TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "RECTANGLE TEXT CONTAINER",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 240,
|
|
"x": 105,
|
|
"y": 105,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 8`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id14",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 50,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "ELLIPSE TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "ELLIPSE TEXT
|
|
CONTAINER",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 534.7893218813452,
|
|
"y": 117.44796179957173,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 9`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id15",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 75,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "DIAMOND
|
|
TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "DIAMOND
|
|
TEXT
|
|
CONTAINER",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 90,
|
|
"x": 195,
|
|
"y": 197.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 10`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id16",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 50,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "STYLED DIAMOND TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#099268",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "STYLED DIAMOND
|
|
TEXT CONTAINER",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 140,
|
|
"x": 180,
|
|
"y": 435,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 11`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id17",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 75,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "TOP LEFT ALIGNED RECTANGLE TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#c2255c",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "TOP LEFT ALIGNED
|
|
RECTANGLE TEXT
|
|
CONTAINER",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 170,
|
|
"x": 505,
|
|
"y": 305,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 12`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"baseline": 0,
|
|
"boundElements": null,
|
|
"containerId": "id18",
|
|
"fillStyle": "solid",
|
|
"fontFamily": 1,
|
|
"fontSize": 20,
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 75,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lineHeight": 1.25,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"originalText": "STYLED ELLIPSE TEXT CONTAINER",
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"strokeColor": "#c2255c",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"text": "STYLED
|
|
ELLIPSE TEXT
|
|
CONTAINER",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 534.7893218813452,
|
|
"y": 522.5735931288071,
|
|
}
|
|
`;
|