3ea07076ad
* feat: support creating text containers programatically * fix * fix * fix * fix * update api to use label * fix api and support individual shapes and text element * update test case in package example * support creating arrows and line * support labelled arrows * add in package example * fix alignment * better types * fix * keep element as is unless we support prog api * fix tests * fix lint * ignore * support arrow bindings via start and end in api * fix lint * fix coords * support id as well for elements * preserve bindings if present and fix testcases * preserve bindings for labelled arrows * support ids, clean up code and move the api related stuff to transform.ts * allow multiple arrows to bind to single element * fix singular elements * fix single text element, unique id and tests * fix lint * fix * support binding arrow to text element * fix creation of regular text * use same stroke color as parent for text containers and height 0 for linear element by default * fix types * fix * remove more ts ignore * remove ts ignore * remove * Add coverage script * Add tests * fix tests * make type optional when id present * remove type when id provided in tests * Add more tests * tweak * let host call convertToExcalidrawElements when using programmatic API * remove convertToExcalidrawElements call from restore * lint * update snaps * Add new type excalidraw-api/clipboard for programmatic api * cleanup * rename tweak * tweak * make image attributes optional and better ts check * support image via programmatic API * fix lint * more types * make fileId mandatory for image and export convertToExcalidrawElements * fix * small tweaks * update snaps * fix * use Object.assign instead of mutateElement * lint * preserve z-index by pushing all elements first and then add bindings * instantiate instead of closure for storing elements * use element API to create regular text, diamond, ellipse and rectangle * fix snaps * udpdate api * ts fixes * make `convertToExcalidrawElements` more typesafe * update snaps * refactor the approach so that order of elements doesn't matter * Revert "update snaps" This reverts commit 621dfadccfea975a1f77223f506dce9d260f91fd. * review fixes * rename ExcalidrawProgrammaticElement -> ExcalidrawELementSkeleton * Add tests * give preference to first element when duplicate ids found * use console.error --------- Co-authored-by: dwelle <luzar.david@gmail.com>
2033 lines
39 KiB
Plaintext
2033 lines
39 KiB
Plaintext
// 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": "id40",
|
|
"type": "arrow",
|
|
},
|
|
{
|
|
"id": "id41",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id41",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 35,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
395,
|
|
35,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id42",
|
|
"focus": -0.08139534883720931,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1864ab",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"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": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
400,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "diamond-1",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#e67700",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"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": "id40",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id43",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id43",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id44",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "text-2",
|
|
"focus": 0,
|
|
"gap": 5,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "text-1",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"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": "id43",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 340,
|
|
"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": "id33",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "id35",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id34",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"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": "id32",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 340,
|
|
"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": "id32",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id32",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"type": "ellipse",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 100,
|
|
"x": 555,
|
|
"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": "id37",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": {
|
|
"elementId": "id39",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": {
|
|
"elementId": "id38",
|
|
"focus": 0,
|
|
"gap": 1,
|
|
},
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 3,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"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": "id36",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "HELLO WORLD!!",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 340,
|
|
"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": "id36",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id36",
|
|
"type": "arrow",
|
|
},
|
|
],
|
|
"containerId": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "WHATS UP ?",
|
|
"textAlign": "left",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "top",
|
|
"width": 100,
|
|
"x": 555,
|
|
"y": 226.5,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should not allow duplicate ids 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": "triangle",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
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": 300,
|
|
"x": 450,
|
|
"y": 20,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "line",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform linear elements 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"endArrowhead": null,
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
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": 300,
|
|
"x": 450,
|
|
"y": 60,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform regular shapes 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": null,
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"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": "hachure",
|
|
"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": 1,
|
|
"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": "hachure",
|
|
"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": 1,
|
|
"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": "id28",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 100,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 2`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id29",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 0,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1e1e1e",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 1,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 1,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 200,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 3`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id30",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 130,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1098ad",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"x": 100,
|
|
"y": 300,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to labelled arrows when label provided for arrows 4`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id31",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"endArrowhead": "arrow",
|
|
"endBinding": null,
|
|
"fillStyle": "hachure",
|
|
"frameId": null,
|
|
"groupIds": [],
|
|
"height": 130,
|
|
"id": Any<String>,
|
|
"isDeleted": false,
|
|
"lastCommittedPoint": null,
|
|
"link": null,
|
|
"locked": false,
|
|
"opacity": 100,
|
|
"points": [
|
|
[
|
|
0,
|
|
0,
|
|
],
|
|
[
|
|
300,
|
|
0,
|
|
],
|
|
],
|
|
"roughness": 1,
|
|
"roundness": null,
|
|
"seed": Any<Number>,
|
|
"startArrowhead": null,
|
|
"startBinding": null,
|
|
"strokeColor": "#1098ad",
|
|
"strokeStyle": "solid",
|
|
"strokeWidth": 2,
|
|
"type": "arrow",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"width": 300,
|
|
"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": "id24",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 130,
|
|
"x": 185,
|
|
"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": "id25",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "STYLED LABELED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 200,
|
|
"x": 150,
|
|
"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": "id26",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "ANOTHER STYLED
|
|
LABELLED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 175,
|
|
"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": "id27",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"text": "ANOTHER STYLED
|
|
LABELLED ARROW",
|
|
"textAlign": "center",
|
|
"type": "text",
|
|
"updated": 1,
|
|
"version": 2,
|
|
"versionNonce": Any<Number>,
|
|
"verticalAlign": "middle",
|
|
"width": 150,
|
|
"x": 175,
|
|
"y": 375,
|
|
}
|
|
`;
|
|
|
|
exports[`Test Transform > should transform to text containers when label provided 1`] = `
|
|
{
|
|
"angle": 0,
|
|
"backgroundColor": "transparent",
|
|
"boundElements": [
|
|
{
|
|
"id": "id18",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id19",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id20",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id21",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": "id22",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id23",
|
|
"type": "text",
|
|
},
|
|
],
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id12",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id13",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id14",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id15",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id16",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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": "id17",
|
|
"fillStyle": "hachure",
|
|
"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": 1,
|
|
"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,
|
|
}
|
|
`;
|