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": "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,
|
|
}
|
|
`;
|