// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.cut",
        "keyTest": [Function],
        "name": "cut",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copy",
        "keyTest": undefined,
        "name": "copy",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.selectAllElementsInFrame",
        "name": "selectAllElementsInFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.removeAllElementsFromFrame",
        "name": "removeAllElementsFromFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "history",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyStyles",
        "keyTest": [Function],
        "name": "copyStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.pasteStyles",
        "keyTest": [Function],
        "name": "pasteStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.group",
        "keyTest": [Function],
        "name": "group",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.unbindText",
        "name": "unbindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.bindText",
        "name": "bindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.createContainerFromText",
        "name": "wrapTextInContainer",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.ungroup",
        "keyTest": [Function],
        "name": "ungroup",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.addToLibrary",
        "name": "addToLibrary",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendBackward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "sendBackward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringForward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "bringForward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendToBack",
        "keyTest": [Function],
        "name": "sendToBack",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringToFront",
        "keyTest": [Function],
        "name": "bringToFront",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.flipHorizontal",
        "keyTest": [Function],
        "name": "flipHorizontal",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.flipVertical",
        "keyTest": [Function],
        "name": "flipVertical",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": [Function],
        "name": "toggleLinearEditor",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "hyperlink",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "action": "click",
          "category": "hyperlink",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.duplicateSelection",
        "keyTest": [Function],
        "name": "duplicateSelection",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "toggleElementLock",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.delete",
        "keyTest": [Function],
        "name": "deleteSelectedElements",
        "perform": [Function],
        "trackEvent": {
          "action": "delete",
          "category": "element",
        },
      },
    ],
    "left": 30,
    "top": 40,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": {
    "x": 0,
    "y": 0,
  },
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {
    "g1": true,
  },
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "red",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "g1",
  ],
  "height": 100,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1278240551,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 1,
  "versionNonce": 0,
  "width": 100,
  "x": 0,
  "y": 0,
}
`;

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "red",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "g1",
  ],
  "height": 100,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 1,
  "versionNonce": 0,
  "width": 100,
  "x": 0,
  "y": 0,
}
`;

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
  ],
}
`;

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of elements 1`] = `2`;

exports[`contextMenu element > right-clicking on a group should select whole group > [end of test] number of renders 1`] = `5`;

exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": {
    "message": "Added to library",
  },
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Add to library' in context menu adds element to library > [end of test] number of renders 1`] = `6`;

exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 1014066025,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 400692809,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 400692809,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Bring forward' in context menu brings element forward > [end of test] number of renders 1`] = `12`;

exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 1014066025,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 400692809,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 400692809,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Bring to front' in context menu brings element to front > [end of test] number of renders 1`] = `12`;

exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": {
    "message": "Copied styles.",
  },
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 453191,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 2019559783,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 2019559783,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of elements 1`] = `1`;

exports[`contextMenu element > selecting 'Copy styles' in context menu copies styles > [end of test] number of renders 1`] = `6`;

exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {},
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": true,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 1150084233,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": true,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 1150084233,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Delete' in context menu deletes element > [end of test] number of renders 1`] = `7`;

exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0_copy": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0_copy",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": 0,
  "y": 10,
}
`;

exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0_copy": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0_copy",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": 0,
          "y": 10,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Duplicate' in context menu duplicates element > [end of test] number of renders 1`] = `7`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {
    "id3": true,
  },
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "id3",
  ],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 1604849351,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "id3",
  ],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 1505387817,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
          "id1": true,
        },
        "selectedGroupIds": {
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id3",
          ],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 1604849351,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id3",
          ],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 1505387817,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of elements 1`] = `2`;

exports[`contextMenu element > selecting 'Group selection' in context menu groups selected elements > [end of test] number of renders 1`] = `12`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "#a5d8ff",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "cross-hatch",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 60,
  "currentItemRoughness": 2,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#e03131",
  "currentItemStrokeStyle": "dotted",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": {
    "message": "Copied styles.",
  },
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "#a5d8ff",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "cross-hatch",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 60,
  "roughness": 2,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#e03131",
  "strokeStyle": "dotted",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 1898319239,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "#a5d8ff",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "cross-hatch",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 60,
  "roughness": 2,
  "roundness": {
    "type": 3,
  },
  "seed": 1723083209,
  "strokeColor": "#e03131",
  "strokeStyle": "dotted",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 8,
  "versionNonce": 289600103,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#e03131",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 400692809,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#e03131",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 4,
          "versionNonce": 1505387817,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#e03131",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 5,
          "versionNonce": 493213705,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#e03131",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 6,
          "versionNonce": 81784553,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 2,
          "roundness": {
            "type": 3,
          },
          "seed": 1723083209,
          "strokeColor": "#e03131",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 7,
          "versionNonce": 760410951,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 60,
          "roughness": 2,
          "roundness": {
            "type": 3,
          },
          "seed": 1723083209,
          "strokeColor": "#e03131",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 8,
          "versionNonce": 289600103,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 60,
          "roughness": 2,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#e03131",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 1898319239,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "#a5d8ff",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "cross-hatch",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 60,
          "roughness": 2,
          "roundness": {
            "type": 3,
          },
          "seed": 1723083209,
          "strokeColor": "#e03131",
          "strokeStyle": "dotted",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 8,
          "versionNonce": 289600103,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of elements 1`] = `2`;

exports[`contextMenu element > selecting 'Paste styles' in context menu pastes styles > [end of test] number of renders 1`] = `18`;

exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 400692809,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 400692809,
          "width": 20,
          "x": 20,
          "y": 30,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Send backward' in context menu sends element backward > [end of test] number of renders 1`] = `11`;

exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 400692809,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 400692809,
          "width": 20,
          "x": 20,
          "y": 30,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > selecting 'Send to back' in context menu sends element to back > [end of test] number of renders 1`] = `11`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": null,
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {
    "id1": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 453191,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 4,
  "versionNonce": 915032327,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1116226695,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 4,
  "versionNonce": 81784553,
  "width": 20,
  "x": 20,
  "y": 30,
}
`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 2019559783,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 2019559783,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1116226695,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 238820263,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
          "id1": true,
        },
        "selectedGroupIds": {
          "id3": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id3",
          ],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 1505387817,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id3",
          ],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1116226695,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 23633383,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 4,
          "versionNonce": 915032327,
          "width": 20,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1116226695,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 4,
          "versionNonce": 81784553,
          "width": 20,
          "x": 20,
          "y": 30,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of elements 1`] = `2`;

exports[`contextMenu element > selecting 'Ungroup selection' in context menu ungroups selected group > [end of test] number of renders 1`] = `13`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.cut",
        "keyTest": [Function],
        "name": "cut",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copy",
        "keyTest": undefined,
        "name": "copy",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.selectAllElementsInFrame",
        "name": "selectAllElementsInFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.removeAllElementsFromFrame",
        "name": "removeAllElementsFromFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "history",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyStyles",
        "keyTest": [Function],
        "name": "copyStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.pasteStyles",
        "keyTest": [Function],
        "name": "pasteStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.group",
        "keyTest": [Function],
        "name": "group",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.unbindText",
        "name": "unbindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.bindText",
        "name": "bindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.createContainerFromText",
        "name": "wrapTextInContainer",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.ungroup",
        "keyTest": [Function],
        "name": "ungroup",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.addToLibrary",
        "name": "addToLibrary",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendBackward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "sendBackward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringForward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "bringForward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendToBack",
        "keyTest": [Function],
        "name": "sendToBack",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringToFront",
        "keyTest": [Function],
        "name": "bringToFront",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.flipHorizontal",
        "keyTest": [Function],
        "name": "flipHorizontal",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.flipVertical",
        "keyTest": [Function],
        "name": "flipVertical",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": [Function],
        "name": "toggleLinearEditor",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "hyperlink",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "action": "click",
          "category": "hyperlink",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.duplicateSelection",
        "keyTest": [Function],
        "name": "duplicateSelection",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "toggleElementLock",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.delete",
        "keyTest": [Function],
        "name": "deleteSelectedElements",
        "perform": [Function],
        "trackEvent": {
          "action": "delete",
          "category": "element",
        },
      },
    ],
    "left": -19,
    "top": -9,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {
    "id0": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 10,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1150084233,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 1014066025,
  "width": 10,
  "x": 10,
  "y": 0,
}
`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 10,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 10,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1150084233,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 1014066025,
          "width": 10,
          "x": 10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of elements 1`] = `2`;

exports[`contextMenu element > shows 'Group selection' in context menu for multiple selected elements > [end of test] number of renders 1`] = `12`;

exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.cut",
        "keyTest": [Function],
        "name": "cut",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copy",
        "keyTest": undefined,
        "name": "copy",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.selectAllElementsInFrame",
        "name": "selectAllElementsInFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.removeAllElementsFromFrame",
        "name": "removeAllElementsFromFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "history",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyStyles",
        "keyTest": [Function],
        "name": "copyStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.pasteStyles",
        "keyTest": [Function],
        "name": "pasteStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.group",
        "keyTest": [Function],
        "name": "group",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.unbindText",
        "name": "unbindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.bindText",
        "name": "bindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.createContainerFromText",
        "name": "wrapTextInContainer",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.ungroup",
        "keyTest": [Function],
        "name": "ungroup",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.addToLibrary",
        "name": "addToLibrary",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendBackward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "sendBackward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringForward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "bringForward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendToBack",
        "keyTest": [Function],
        "name": "sendToBack",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringToFront",
        "keyTest": [Function],
        "name": "bringToFront",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.flipHorizontal",
        "keyTest": [Function],
        "name": "flipHorizontal",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.flipVertical",
        "keyTest": [Function],
        "name": "flipVertical",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": [Function],
        "name": "toggleLinearEditor",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "hyperlink",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "action": "click",
          "category": "hyperlink",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.duplicateSelection",
        "keyTest": [Function],
        "name": "duplicateSelection",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "toggleElementLock",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.delete",
        "keyTest": [Function],
        "name": "deleteSelectedElements",
        "perform": [Function],
        "trackEvent": {
          "action": "delete",
          "category": "element",
        },
      },
    ],
    "left": -19,
    "top": -9,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {
    "id0": true,
  },
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {
    "id4": true,
  },
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "id4",
  ],
  "height": 10,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 453191,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 23633383,
  "width": 10,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [
    "id4",
  ],
  "height": 10,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1116226695,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 3,
  "versionNonce": 493213705,
  "width": 10,
  "x": 10,
  "y": 0,
}
`;

exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": -10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id1": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 2019559783,
          "width": 10,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1116226695,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 238820263,
          "width": 10,
          "x": 10,
          "y": 0,
        },
      ],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
          "id1": true,
        },
        "selectedGroupIds": {
          "id4": true,
        },
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id4",
          ],
          "height": 10,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 453191,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 23633383,
          "width": 10,
          "x": -10,
          "y": 0,
        },
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [
            "id4",
          ],
          "height": 10,
          "id": "id1",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 1116226695,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 3,
          "versionNonce": 493213705,
          "width": 10,
          "x": 10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

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

exports[`contextMenu element > shows 'Ungroup selection' in context menu for group inside selected elements > [end of test] number of renders 1`] = `13`;

exports[`contextMenu element > shows context menu for canvas > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.selectAll",
        "keyTest": [Function],
        "name": "selectAll",
        "perform": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.elementLock.unlockAll",
        "name": "unlockAllElements",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
        "viewMode": false,
      },
      "separator",
      {
        "checked": [Function],
        "contextItemLabel": "labels.showGrid",
        "keyTest": [Function],
        "name": "gridMode",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
          "predicate": [Function],
        },
        "viewMode": true,
      },
      {
        "checked": [Function],
        "contextItemLabel": "buttons.objectsSnapMode",
        "keyTest": [Function],
        "name": "objectsSnapMode",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
          "predicate": [Function],
        },
        "viewMode": true,
      },
      {
        "checked": [Function],
        "contextItemLabel": "buttons.zenMode",
        "keyTest": [Function],
        "name": "zenMode",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
          "predicate": [Function],
        },
        "viewMode": true,
      },
      {
        "checked": [Function],
        "contextItemLabel": "labels.viewMode",
        "keyTest": [Function],
        "name": "viewMode",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
          "predicate": [Function],
        },
        "viewMode": true,
      },
      {
        "checked": [Function],
        "contextItemLabel": "stats.title",
        "keyTest": [Function],
        "name": "stats",
        "perform": [Function],
        "trackEvent": {
          "category": "menu",
        },
        "viewMode": true,
      },
    ],
    "left": -19,
    "top": -9,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": {
    "x": 0,
    "y": 0,
  },
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {},
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > shows context menu for canvas > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
  ],
}
`;

exports[`contextMenu element > shows context menu for canvas > [end of test] number of elements 1`] = `0`;

exports[`contextMenu element > shows context menu for canvas > [end of test] number of renders 1`] = `3`;

exports[`contextMenu element > shows context menu for element > [end of test] appState 1`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.cut",
        "keyTest": [Function],
        "name": "cut",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copy",
        "keyTest": undefined,
        "name": "copy",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.selectAllElementsInFrame",
        "name": "selectAllElementsInFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.removeAllElementsFromFrame",
        "name": "removeAllElementsFromFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "history",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyStyles",
        "keyTest": [Function],
        "name": "copyStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.pasteStyles",
        "keyTest": [Function],
        "name": "pasteStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.group",
        "keyTest": [Function],
        "name": "group",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.unbindText",
        "name": "unbindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.bindText",
        "name": "bindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.createContainerFromText",
        "name": "wrapTextInContainer",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.ungroup",
        "keyTest": [Function],
        "name": "ungroup",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.addToLibrary",
        "name": "addToLibrary",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendBackward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "sendBackward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringForward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "bringForward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendToBack",
        "keyTest": [Function],
        "name": "sendToBack",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringToFront",
        "keyTest": [Function],
        "name": "bringToFront",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.flipHorizontal",
        "keyTest": [Function],
        "name": "flipHorizontal",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.flipVertical",
        "keyTest": [Function],
        "name": "flipVertical",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": [Function],
        "name": "toggleLinearEditor",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "hyperlink",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "action": "click",
          "category": "hyperlink",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.duplicateSelection",
        "keyTest": [Function],
        "name": "duplicateSelection",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "toggleElementLock",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.delete",
        "keyTest": [Function],
        "name": "deleteSelectedElements",
        "perform": [Function],
        "trackEvent": {
          "action": "delete",
          "category": "element",
        },
      },
    ],
    "left": -19,
    "top": -9,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": null,
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id0": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] appState 2`] = `
{
  "activeEmbeddable": null,
  "activeTool": {
    "customType": null,
    "lastActiveTool": null,
    "locked": false,
    "type": "selection",
  },
  "collaborators": Map {},
  "contextMenu": {
    "items": [
      {
        "contextItemLabel": "labels.cut",
        "keyTest": [Function],
        "name": "cut",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copy",
        "keyTest": undefined,
        "name": "copy",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.paste",
        "keyTest": undefined,
        "name": "paste",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.selectAllElementsInFrame",
        "name": "selectAllElementsInFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "canvas",
        },
      },
      {
        "contextItemLabel": "labels.removeAllElementsFromFrame",
        "name": "removeAllElementsFromFrame",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "history",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyAsPng",
        "keyTest": [Function],
        "name": "copyAsPng",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyAsSvg",
        "name": "copyAsSvg",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.copyText",
        "name": "copyText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.copyStyles",
        "keyTest": [Function],
        "name": "copyStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.pasteStyles",
        "keyTest": [Function],
        "name": "pasteStyles",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.group",
        "keyTest": [Function],
        "name": "group",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.unbindText",
        "name": "unbindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.bindText",
        "name": "bindText",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.createContainerFromText",
        "name": "wrapTextInContainer",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.ungroup",
        "keyTest": [Function],
        "name": "ungroup",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.addToLibrary",
        "name": "addToLibrary",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendBackward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "sendBackward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringForward",
        "keyPriority": 40,
        "keyTest": [Function],
        "name": "bringForward",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.sendToBack",
        "keyTest": [Function],
        "name": "sendToBack",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.bringToFront",
        "keyTest": [Function],
        "name": "bringToFront",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": "labels.flipHorizontal",
        "keyTest": [Function],
        "name": "flipHorizontal",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": "labels.flipVertical",
        "keyTest": [Function],
        "name": "flipVertical",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "contextItemLabel": [Function],
        "name": "toggleLinearEditor",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "hyperlink",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "action": "click",
          "category": "hyperlink",
        },
      },
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.duplicateSelection",
        "keyTest": [Function],
        "name": "duplicateSelection",
        "perform": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      {
        "contextItemLabel": [Function],
        "keyTest": [Function],
        "name": "toggleElementLock",
        "perform": [Function],
        "predicate": [Function],
        "trackEvent": {
          "category": "element",
        },
      },
      "separator",
      {
        "PanelComponent": [Function],
        "contextItemLabel": "labels.delete",
        "keyTest": [Function],
        "name": "deleteSelectedElements",
        "perform": [Function],
        "trackEvent": {
          "action": "delete",
          "category": "element",
        },
      },
    ],
    "left": 80,
    "top": 90,
  },
  "currentChartType": "bar",
  "currentItemBackgroundColor": "transparent",
  "currentItemEndArrowhead": "arrow",
  "currentItemFillStyle": "solid",
  "currentItemFontFamily": 1,
  "currentItemFontSize": 20,
  "currentItemOpacity": 100,
  "currentItemRoughness": 1,
  "currentItemRoundness": "round",
  "currentItemStartArrowhead": null,
  "currentItemStrokeColor": "#1e1e1e",
  "currentItemStrokeStyle": "solid",
  "currentItemStrokeWidth": 2,
  "currentItemTextAlign": "left",
  "cursorButton": "up",
  "defaultSidebarDockedPreference": false,
  "draggingElement": null,
  "editingElement": null,
  "editingFrame": null,
  "editingGroupId": null,
  "editingLinearElement": null,
  "elementsToHighlight": null,
  "errorMessage": null,
  "exportBackground": true,
  "exportEmbedScene": false,
  "exportScale": 1,
  "exportWithDarkMode": false,
  "fileHandle": null,
  "frameRendering": {
    "clip": true,
    "enabled": true,
    "name": true,
    "outline": true,
  },
  "frameToHighlight": null,
  "gridSize": null,
  "height": 100,
  "isBindingEnabled": true,
  "isLoading": false,
  "isResizing": false,
  "isRotating": false,
  "lastPointerDownWith": "mouse",
  "multiElement": null,
  "name": "Untitled-201933152653",
  "objectsSnapModeEnabled": false,
  "offsetLeft": 20,
  "offsetTop": 10,
  "openDialog": null,
  "openMenu": null,
  "openPopup": null,
  "openSidebar": null,
  "originSnapOffset": {
    "x": 0,
    "y": 0,
  },
  "pasteDialog": {
    "data": null,
    "shown": false,
  },
  "penDetected": false,
  "penMode": false,
  "pendingImageElementId": null,
  "previousSelectedElementIds": {},
  "resizingElement": null,
  "scrollX": 0,
  "scrollY": 0,
  "scrolledOutside": false,
  "selectedElementIds": {
    "id1": true,
  },
  "selectedElementsAreBeingDragged": false,
  "selectedGroupIds": {},
  "selectedLinearElement": null,
  "selectionElement": null,
  "shouldCacheIgnoreZoom": false,
  "showHyperlinkPopup": false,
  "showStats": false,
  "showWelcomeScreen": true,
  "snapLines": [],
  "startBoundElement": null,
  "suggestedBindings": [],
  "theme": "light",
  "toast": null,
  "viewBackgroundColor": "#ffffff",
  "viewModeEnabled": false,
  "width": 200,
  "zenModeEnabled": false,
  "zoom": {
    "value": 1,
  },
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] element 0 1`] = `
{
  "angle": 0,
  "backgroundColor": "transparent",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 20,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 2,
  "versionNonce": 401146281,
  "width": 20,
  "x": -10,
  "y": 0,
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] element 0 2`] = `
{
  "angle": 0,
  "backgroundColor": "red",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 200,
  "id": "id0",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 1278240551,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 1,
  "versionNonce": 0,
  "width": 200,
  "x": 0,
  "y": 0,
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] element 1 1`] = `
{
  "angle": 0,
  "backgroundColor": "red",
  "boundElements": null,
  "customData": undefined,
  "fillStyle": "solid",
  "frameId": null,
  "groupIds": [],
  "height": 200,
  "id": "id1",
  "isDeleted": false,
  "link": null,
  "locked": false,
  "opacity": 100,
  "roughness": 1,
  "roundness": {
    "type": 3,
  },
  "seed": 449462985,
  "strokeColor": "#1e1e1e",
  "strokeStyle": "solid",
  "strokeWidth": 2,
  "type": "rectangle",
  "updated": 1,
  "version": 1,
  "versionNonce": 0,
  "width": 200,
  "x": 0,
  "y": 0,
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] history 1`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {
          "id0": true,
        },
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [
        {
          "angle": 0,
          "backgroundColor": "transparent",
          "boundElements": null,
          "customData": undefined,
          "fillStyle": "solid",
          "frameId": null,
          "groupIds": [],
          "height": 20,
          "id": "id0",
          "isDeleted": false,
          "link": null,
          "locked": false,
          "opacity": 100,
          "roughness": 1,
          "roundness": {
            "type": 3,
          },
          "seed": 449462985,
          "strokeColor": "#1e1e1e",
          "strokeStyle": "solid",
          "strokeWidth": 2,
          "type": "rectangle",
          "updated": 1,
          "version": 2,
          "versionNonce": 401146281,
          "width": 20,
          "x": -10,
          "y": 0,
        },
      ],
    },
  ],
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] history 2`] = `
{
  "recording": false,
  "redoStack": [],
  "stateHistory": [
    {
      "appState": {
        "editingGroupId": null,
        "editingLinearElement": null,
        "name": "Untitled-201933152653",
        "selectedElementIds": {},
        "selectedGroupIds": {},
        "viewBackgroundColor": "#ffffff",
      },
      "elements": [],
    },
  ],
}
`;

exports[`contextMenu element > shows context menu for element > [end of test] number of elements 1`] = `1`;

exports[`contextMenu element > shows context menu for element > [end of test] number of elements 2`] = `2`;

exports[`contextMenu element > shows context menu for element > [end of test] number of renders 1`] = `6`;

exports[`contextMenu element > shows context menu for element > [end of test] number of renders 2`] = `6`;
