// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id3": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id2": true,
    "id3": true,
    "id4": true,
  },
  "selectedGroupIds": Object {
    "id5": true,
  },
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests adjusts z order when grouping: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests adjusts z order when grouping: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id5",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests adjusts z order when grouping: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id5",
  ],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 238820263,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests adjusts z order when grouping: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 238820263,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests adjusts z order when grouping: [end of test] number of elements 1`] = `3`;

exports[`regression tests adjusts z order when grouping: [end of test] number of renders 1`] = `20`;

exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests alt-drag duplicates an element: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 2019559783,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests alt-drag duplicates an element: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 453191,
  "width": 10,
  "x": 20,
  "y": 20,
}
`;

exports[`regression tests alt-drag duplicates an element: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 10,
          "x": 20,
          "y": 20,
        },
      ],
    },
  ],
}
`;

exports[`regression tests alt-drag duplicates an element: [end of test] number of elements 1`] = `2`;

exports[`regression tests alt-drag duplicates an element: [end of test] number of renders 1`] = `10`;

exports[`regression tests arrow keys: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests arrow keys: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 8,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 9,
  "y": 9,
}
`;

exports[`regression tests arrow keys: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests arrow keys: [end of test] number of elements 1`] = `1`;

exports[`regression tests arrow keys: [end of test] number of renders 1`] = `13`;

exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "#fa5252",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#5f3dc4",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests change the properties of a shape: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "#fa5252",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#5f3dc4",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 8,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests change the properties of a shape: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "#fa5252",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 401146281,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "#fa5252",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "#fa5252",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#5f3dc4",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests change the properties of a shape: [end of test] number of elements 1`] = `1`;

exports[`regression tests change the properties of a shape: [end of test] number of renders 1`] = `11`;

exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests click on an element and drag it: [dragged] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 453191,
  "width": 10,
  "x": 20,
  "y": 20,
}
`;

exports[`regression tests click on an element and drag it: [dragged] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 10,
          "x": 20,
          "y": 20,
        },
      ],
    },
  ],
}
`;

exports[`regression tests click on an element and drag it: [dragged] number of elements 1`] = `1`;

exports[`regression tests click on an element and drag it: [dragged] number of renders 1`] = `10`;

exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests click on an element and drag it: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 2019559783,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests click on an element and drag it: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 10,
          "x": 20,
          "y": 20,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests click on an element and drag it: [end of test] number of elements 1`] = `1`;

exports[`regression tests click on an element and drag it: [end of test] number of renders 1`] = `13`;

exports[`regression tests click to select a shape: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id2": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests click to select a shape: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests click to select a shape: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests click to select a shape: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests click to select a shape: [end of test] number of elements 1`] = `2`;

exports[`regression tests click to select a shape: [end of test] number of renders 1`] = `13`;

exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id2": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id3": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests click-drag to select a group: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests click-drag to select a group: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests click-drag to select a group: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 2019559783,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests click-drag to select a group: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests click-drag to select a group: [end of test] number of elements 1`] = `3`;

exports[`regression tests click-drag to select a group: [end of test] number of renders 1`] = `19`;

exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": "id3",
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id2": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests double click to edit a group: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1150084233,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests double click to edit a group: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests double click to edit a group: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests double click to edit a group: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests double click to edit a group: [end of test] number of elements 1`] = `3`;

exports[`regression tests double click to edit a group: [end of test] number of renders 1`] = `18`;

exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "down",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id7": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "diamond",
  "version": 2,
  "versionNonce": 453191,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "ellipse",
  "version": 2,
  "versionNonce": 2019559783,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 3 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id3",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 1150084233,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "arrow",
  "version": 3,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 70,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 4 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id4",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 238820263,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "line",
  "version": 3,
  "versionNonce": 1604849351,
  "width": 10,
  "x": 90,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 5 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id5",
  "isDeleted": false,
  "lastCommittedPoint": Array [
    0,
    20,
  ],
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
    Array [
      0,
      20,
    ],
  ],
  "roughness": 1,
  "seed": 1505387817,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "arrow",
  "version": 7,
  "versionNonce": 1723083209,
  "width": 10,
  "x": 110,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 6 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id6",
  "isDeleted": false,
  "lastCommittedPoint": Array [
    0,
    20,
  ],
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
    Array [
      0,
      20,
    ],
  ],
  "roughness": 1,
  "seed": 760410951,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "line",
  "version": 7,
  "versionNonce": 406373543,
  "width": 10,
  "x": 120,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] element 7 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id7",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 941653321,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "draw",
  "version": 3,
  "versionNonce": 1402203177,
  "width": 10,
  "x": 130,
  "y": 10,
}
`;

exports[`regression tests draw every type of shape: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id5",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            10,
            10,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1505387817,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 5,
          "versionNonce": 81784553,
          "width": 10,
          "x": 110,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id5",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 1505387817,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 7,
          "versionNonce": 1723083209,
          "width": 10,
          "x": 110,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id5",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 1505387817,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 7,
          "versionNonce": 1723083209,
          "width": 10,
          "x": 110,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id6",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            10,
            10,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 760410951,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 5,
          "versionNonce": 1898319239,
          "width": 10,
          "x": 120,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id5",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 1505387817,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 7,
          "versionNonce": 1723083209,
          "width": 10,
          "x": 110,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id6",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 760410951,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 7,
          "versionNonce": 406373543,
          "width": 10,
          "x": 120,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id3",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 1150084233,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 70,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id4",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 238820263,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 90,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id5",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 1505387817,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 7,
          "versionNonce": 1723083209,
          "width": 10,
          "x": 110,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id6",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 760410951,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 7,
          "versionNonce": 406373543,
          "width": 10,
          "x": 120,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id7",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 941653321,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "draw",
          "version": 3,
          "versionNonce": 1402203177,
          "width": 10,
          "x": 130,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests draw every type of shape: [end of test] number of elements 1`] = `8`;

exports[`regression tests draw every type of shape: [end of test] number of renders 1`] = `47`;

exports[`regression tests hotkey 2 selects rectangle tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 2 selects rectangle tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 2 selects rectangle tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 2 selects rectangle tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey 3 selects diamond tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 3 selects diamond tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "diamond",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 3 selects diamond tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 3 selects diamond tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey 4 selects ellipse tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 4 selects ellipse tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "ellipse",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 4 selects ellipse tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 4 selects ellipse tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey 5 selects arrow tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 5 selects arrow tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "arrow",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 5 selects arrow tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 5 selects arrow tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey 6 selects line tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 6 selects line tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "line",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 6 selects line tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 6 selects line tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 6 selects line tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey 7 selects draw tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "down",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey 7 selects draw tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "draw",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey 7 selects draw tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "draw",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey 7 selects draw tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey 7 selects draw tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey a selects arrow tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey a selects arrow tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "arrow",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey a selects arrow tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey a selects arrow tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey a selects arrow tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey d selects diamond tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey d selects diamond tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "diamond",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey d selects diamond tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "diamond",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey d selects diamond tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey d selects diamond tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey e selects ellipse tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey e selects ellipse tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "ellipse",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey e selects ellipse tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "ellipse",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey e selects ellipse tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey e selects ellipse tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey l selects line tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey l selects line tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "line",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey l selects line tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "line",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey l selects line tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey l selects line tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey r selects rectangle tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey r selects rectangle tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey r selects rectangle tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey r selects rectangle tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey r selects rectangle tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests hotkey x selects draw tool: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "down",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests hotkey x selects draw tool: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "lastCommittedPoint": null,
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "draw",
  "version": 3,
  "versionNonce": 449462985,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests hotkey x selects draw tool: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "lastCommittedPoint": null,
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "draw",
          "version": 3,
          "versionNonce": 449462985,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests hotkey x selects draw tool: [end of test] number of elements 1`] = `1`;

exports[`regression tests hotkey x selects draw tool: [end of test] number of renders 1`] = `7`;

exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id5": true,
  },
  "selectedGroupIds": Object {
    "id4": true,
  },
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id7",
  ],
  "height": 10,
  "id": "id6",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 915032327,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 5,
  "versionNonce": 81784553,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id7",
  ],
  "height": 10,
  "id": "id8",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 747212839,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 5,
  "versionNonce": 1723083209,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id7",
  ],
  "height": 10,
  "id": "id9",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 760410951,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 5,
  "versionNonce": 1006504105,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 3 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id4",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1505387817,
  "width": 10,
  "x": 20,
  "y": 20,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 4 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id4",
  ],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 23633383,
  "width": 10,
  "x": 40,
  "y": 20,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] element 5 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id4",
  ],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 493213705,
  "width": 10,
  "x": 60,
  "y": 20,
}
`;

exports[`regression tests make a group and duplicate it: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 238820263,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 400692809,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id7",
          ],
          "height": 10,
          "id": "id6",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 915032327,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 81784553,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id7",
          ],
          "height": 10,
          "id": "id8",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 747212839,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1723083209,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id7",
          ],
          "height": 10,
          "id": "id9",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 760410951,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1006504105,
          "width": 10,
          "x": 50,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 1505387817,
          "width": 10,
          "x": 20,
          "y": 20,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 23633383,
          "width": 10,
          "x": 40,
          "y": 20,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 493213705,
          "width": 10,
          "x": 60,
          "y": 20,
        },
      ],
    },
  ],
}
`;

exports[`regression tests make a group and duplicate it: [end of test] number of elements 1`] = `6`;

exports[`regression tests make a group and duplicate it: [end of test] number of renders 1`] = `22`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id3": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
    "id4": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of elements 1`] = `2`;

exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] number of renders 1`] = `19`;

exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "down",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "touch",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": -6,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": true,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests pinch-to-zoom works: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests pinch-to-zoom works: [end of test] number of elements 1`] = `0`;

exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1`] = `9`;

exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "rectangle",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests rerenders UI on language change: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests rerenders UI on language change: [end of test] number of elements 1`] = `0`;

exports[`regression tests rerenders UI on language change: [end of test] number of renders 1`] = `6`;

exports[`regression tests resize an element, trying every resize handle: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id13": true,
    "id14": true,
    "id15": true,
    "id16": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 18,
  "versionNonce": 845789479,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 15,
          "versionNonce": 908564423,
          "width": 5,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 16,
          "versionNonce": 1359939303,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id15": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 17,
          "versionNonce": 2004587015,
          "width": 15,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id15": true,
          "id16": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 18,
          "versionNonce": 845789479,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [end of test] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [end of test] number of renders 1`] = `55`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 5,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 9,
  "versionNonce": 915032327,
  "width": 15,
  "x": 10,
  "y": 15,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (+5, +5)] number of renders 1`] = `28`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 15,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 7,
  "versionNonce": 1604849351,
  "width": 5,
  "x": 10,
  "y": 5,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle ne (-5, -5)] number of renders 1`] = `22`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 5,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 5,
  "versionNonce": 1116226695,
  "width": 5,
  "x": 15,
  "y": 15,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (+5, +5)] number of renders 1`] = `16`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 15,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 453191,
  "width": 15,
  "x": 5,
  "y": 5,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle nw (-5, -5)] number of renders 1`] = `10`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id13": true,
    "id14": true,
    "id15": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 15,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 17,
  "versionNonce": 2004587015,
  "width": 15,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 15,
          "versionNonce": 908564423,
          "width": 5,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 16,
          "versionNonce": 1359939303,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id15": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 17,
          "versionNonce": 2004587015,
          "width": 15,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (+5, +5)] number of renders 1`] = `52`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id13": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 5,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 15,
  "versionNonce": 908564423,
  "width": 5,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 15,
          "versionNonce": 908564423,
          "width": 5,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle se (-5, -5)] number of renders 1`] = `46`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 15,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 13,
  "versionNonce": 1898319239,
  "width": 5,
  "x": 15,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (+5, +5)] number of renders 1`] = `40`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 5,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 11,
  "versionNonce": 760410951,
  "width": 15,
  "x": 5,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [resize handle sw (-5, -5)] number of renders 1`] = `34`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 10,
  "versionNonce": 747212839,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (+5, +5)] number of renders 1`] = `31`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 8,
  "versionNonce": 23633383,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle ne (-5, -5)] number of renders 1`] = `25`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 6,
  "versionNonce": 238820263,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (+5, +5)] number of renders 1`] = `19`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 2019559783,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle nw (-5, -5)] number of renders 1`] = `13`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id13": true,
    "id14": true,
    "id15": true,
    "id16": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 18,
  "versionNonce": 845789479,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 15,
          "versionNonce": 908564423,
          "width": 5,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 16,
          "versionNonce": 1359939303,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id15": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 17,
          "versionNonce": 2004587015,
          "width": 15,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id15": true,
          "id16": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 18,
          "versionNonce": 845789479,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (+5, +5)] number of renders 1`] = `55`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id13": true,
    "id14": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 16,
  "versionNonce": 1359939303,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 15,
          "versionNonce": 908564423,
          "width": 5,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id13": true,
          "id14": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 16,
          "versionNonce": 1359939303,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle se (-5, -5)] number of renders 1`] = `49`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id11": true,
    "id12": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 14,
  "versionNonce": 406373543,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 1898319239,
          "width": 5,
          "x": 15,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id11": true,
          "id12": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 14,
          "versionNonce": 406373543,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (+5, +5)] number of renders 1`] = `43`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id10": true,
    "id2": true,
    "id3": true,
    "id4": true,
    "id5": true,
    "id6": true,
    "id7": true,
    "id8": true,
    "id9": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 12,
  "versionNonce": 289600103,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 453191,
          "width": 15,
          "x": 5,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1116226695,
          "width": 5,
          "x": 15,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 15,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 7,
          "versionNonce": 1604849351,
          "width": 5,
          "x": 10,
          "y": 5,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 23633383,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 915032327,
          "width": 15,
          "x": 10,
          "y": 15,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 747212839,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 5,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 760410951,
          "width": 15,
          "x": 5,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id10": true,
          "id2": true,
          "id3": true,
          "id4": true,
          "id5": true,
          "id6": true,
          "id7": true,
          "id8": true,
          "id9": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 289600103,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of elements 1`] = `1`;

exports[`regression tests resize an element, trying every resize handle: [unresize handle sw (-5, -5)] number of renders 1`] = `37`;

exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of elements 1`] = `1`;

exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] number of renders 1`] = `7`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] number of renders 1`] = `13`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] number of renders 1`] = `13`;

exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of elements 1`] = `1`;

exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] number of renders 1`] = `7`;

exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": true,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 449462985,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": true,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 449462985,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of elements 1`] = `1`;

exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] number of renders 1`] = `8`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 20,
  "y": 20,
}
`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 20,
          "y": 20,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] number of renders 1`] = `8`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
  },
  "selectedGroupIds": Object {
    "id3": true,
  },
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 2019559783,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1150084233,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 2019559783,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] number of renders 1`] = `14`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "#e64980",
  "currentItemFillStyle": "cross-hatch",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 60,
  "currentItemRoughness": 2,
  "currentItemStrokeColor": "#c92a2a",
  "currentItemStrokeStyle": "dotted",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "#e64980",
  "fillStyle": "cross-hatch",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 60,
  "roughness": 2,
  "seed": 337897,
  "strokeColor": "#c92a2a",
  "strokeStyle": "dotted",
  "strokeWidth": 2,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 81784553,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "#e64980",
  "fillStyle": "cross-hatch",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 60,
  "roughness": 2,
  "seed": 23633383,
  "strokeColor": "#c92a2a",
  "strokeStyle": "dotted",
  "strokeWidth": 2,
  "type": "rectangle",
  "version": 13,
  "versionNonce": 915032327,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 401146281,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 5,
          "versionNonce": 1150084233,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 6,
          "versionNonce": 1116226695,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 8,
          "versionNonce": 238820263,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 9,
          "versionNonce": 400692809,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 10,
          "versionNonce": 1604849351,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#c92a2a",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 11,
          "versionNonce": 1505387817,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 2,
          "seed": 23633383,
          "strokeColor": "#c92a2a",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 12,
          "versionNonce": 493213705,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 60,
          "roughness": 2,
          "seed": 23633383,
          "strokeColor": "#c92a2a",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 915032327,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 60,
          "roughness": 2,
          "seed": 337897,
          "strokeColor": "#c92a2a",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 81784553,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "#e64980",
          "fillStyle": "cross-hatch",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 60,
          "roughness": 2,
          "seed": 23633383,
          "strokeColor": "#c92a2a",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "version": 13,
          "versionNonce": 915032327,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] number of renders 1`] = `22`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] number of renders 1`] = `12`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] number of renders 1`] = `12`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1116226695,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1014066025,
  "width": 20,
  "x": 40,
  "y": 40,
}
`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 2019559783,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 1116226695,
          "width": 20,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 40,
          "y": 40,
        },
      ],
    },
  ],
}
`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of elements 1`] = `2`;

exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] number of renders 1`] = `15`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
    "id4": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 20,
  "y": 20,
}
`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 40,
  "y": 20,
}
`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 20,
          "y": 20,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 40,
          "y": 20,
        },
      ],
    },
  ],
}
`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] number of elements 1`] = `2`;

exports[`regression tests shift-click to multiselect, then drag: [end of test] number of renders 1`] = `18`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id2": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 453191,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of elements 1`] = `2`;

exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] number of renders 1`] = `15`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {
    "id0": true,
    "id2": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
    "id1": true,
    "id2": true,
    "id3": true,
  },
  "selectedGroupIds": Object {
    "id4": true,
  },
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id4",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1150084233,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id4",
  ],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id4",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of elements 1`] = `2`;

exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] number of renders 1`] = `16`;

exports[`regression tests shows context menu for canvas: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests shows context menu for canvas: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests shows context menu for canvas: [end of test] number of elements 1`] = `0`;

exports[`regression tests shows context menu for canvas: [end of test] number of renders 1`] = `3`;

exports[`regression tests shows context menu for element: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests shows context menu for element: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 2,
  "versionNonce": 1278240551,
  "width": 20,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests shows context menu for element: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 20,
          "x": 10,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests shows context menu for element: [end of test] number of elements 1`] = `1`;

exports[`regression tests shows context menu for element: [end of test] number of renders 1`] = `7`;

exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 60,
  "scrollY": 60,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests spacebar + drag scrolls the canvas: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of elements 1`] = `0`;

exports[`regression tests spacebar + drag scrolls the canvas: [end of test] number of renders 1`] = `6`;

exports[`regression tests supports nested groups: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": "id3",
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests supports nested groups: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id3",
  ],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 3,
  "versionNonce": 1116226695,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests supports nested groups: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id5",
    "id3",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 400692809,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests supports nested groups: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [
    "id5",
    "id3",
  ],
  "height": 10,
  "id": "id2",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 4,
  "versionNonce": 1604849351,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests supports nested groups: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": "id3",
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id2": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1150084233,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": "id3",
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id2": true,
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
            "id3",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 400692809,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
            "id3",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
          "id1": true,
          "id2": true,
          "id7": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id3",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 3,
          "versionNonce": 1116226695,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
            "id3",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 400692809,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [
            "id5",
            "id3",
          ],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 4,
          "versionNonce": 1604849351,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests supports nested groups: [end of test] number of elements 1`] = `3`;

exports[`regression tests supports nested groups: [end of test] number of renders 1`] = `31`;

exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "down",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "touch",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 11,
  "scrollY": -5,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id0": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": true,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1.99,
}
`;

exports[`regression tests two-finger scroll works: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests two-finger scroll works: [end of test] number of elements 1`] = `0`;

exports[`regression tests two-finger scroll works: [end of test] number of renders 1`] = `11`;

exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {
    "id1": true,
  },
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests undo/redo drawing an element: [end of test] element 0 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 337897,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 6,
  "versionNonce": 1006504105,
  "width": 10,
  "x": 10,
  "y": 10,
}
`;

exports[`regression tests undo/redo drawing an element: [end of test] element 1 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "opacity": 100,
  "roughness": 1,
  "seed": 449462985,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "rectangle",
  "version": 6,
  "versionNonce": 289600103,
  "width": 10,
  "x": 30,
  "y": 10,
}
`;

exports[`regression tests undo/redo drawing an element: [end of test] element 2 1`] = `
Object {
  "angle": 0,
  "backgroundColor": "transparent",
  "fillStyle": "hachure",
  "groupIds": Array [],
  "height": 10,
  "id": "id2",
  "isDeleted": true,
  "lastCommittedPoint": Array [
    10,
    10,
  ],
  "opacity": 100,
  "points": Array [
    Array [
      0,
      0,
    ],
    Array [
      10,
      10,
    ],
  ],
  "roughness": 1,
  "seed": 401146281,
  "strokeColor": "#000000",
  "strokeStyle": "solid",
  "strokeWidth": 1,
  "type": "arrow",
  "version": 11,
  "versionNonce": 1315507081,
  "width": 10,
  "x": 50,
  "y": 10,
}
`;

exports[`regression tests undo/redo drawing an element: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 20,
          "id": "id2",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            0,
            20,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
            Array [
              0,
              20,
            ],
          ],
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 7,
          "versionNonce": 400692809,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id2": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id2",
          "isDeleted": false,
          "lastCommittedPoint": Array [
            10,
            10,
          ],
          "opacity": 100,
          "points": Array [
            Array [
              0,
              0,
            ],
            Array [
              10,
              10,
            ],
          ],
          "roughness": 1,
          "seed": 401146281,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "arrow",
          "version": 5,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 50,
          "y": 10,
        },
      ],
    },
  ],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id0": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
      ],
    },
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {
          "id1": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 337897,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 1278240551,
          "width": 10,
          "x": 10,
          "y": 10,
        },
        Object {
          "angle": 0,
          "backgroundColor": "transparent",
          "fillStyle": "hachure",
          "groupIds": Array [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "opacity": 100,
          "roughness": 1,
          "seed": 449462985,
          "strokeColor": "#000000",
          "strokeStyle": "solid",
          "strokeWidth": 1,
          "type": "rectangle",
          "version": 2,
          "versionNonce": 453191,
          "width": 10,
          "x": 30,
          "y": 10,
        },
      ],
    },
  ],
}
`;

exports[`regression tests undo/redo drawing an element: [end of test] number of elements 1`] = `3`;

exports[`regression tests undo/redo drawing an element: [end of test] number of renders 1`] = `25`;

exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 3,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "text",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests updates fontSize & fontFamily appState: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [
    Object {
      "appState": Object {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": Object {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": Array [],
    },
  ],
}
`;

exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of elements 1`] = `0`;

exports[`regression tests updates fontSize & fontFamily appState: [end of test] number of renders 1`] = `5`;

exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
Object {
  "collaborators": Map {},
  "currentItemBackgroundColor": "transparent",
  "currentItemFillStyle": "hachure",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemStrokeColor": "#000000",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 1,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "cursorX": 0,
  "cursorY": 0,
  "draggingElement": null,
  "editingElement": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementLocked": false,
  "elementType": "selection",
  "errorMessage": null,
  "exportBackground": true,
  "gridSize": null,
  "height": 768,
  "isCollaborating": false,
  "isLibraryOpen": false,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "offsetLeft": 0,
  "offsetTop": 0,
  "openMenu": null,
  "previousSelectedElementIds": Object {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": Object {},
  "selectedGroupIds": Object {},
  "selectionElement": null,
  "shouldAddWatermark": false,
  "shouldCacheIgnoreZoom": false,
  "showShortcutsDialog": false,
  "username": "",
  "viewBackgroundColor": "#ffffff",
  "width": 1024,
  "zenModeEnabled": false,
  "zoom": 1,
}
`;

exports[`regression tests zoom hotkeys: [end of test] history 1`] = `
Object {
  "recording": false,
  "redoStack": Array [],
  "stateHistory": Array [],
}
`;

exports[`regression tests zoom hotkeys: [end of test] number of elements 1`] = `0`;

exports[`regression tests zoom hotkeys: [end of test] number of renders 1`] = `5`;
