success/packages/excalidraw/data/__snapshots__/transform.test.ts.snap

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