@pie-lib/editable-html-tip-tap 2.2.0-beta.7 → 3.0.0-next.35

package/lib/extensions/__tests__/math.test.js

@@ -1,1411 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _math = require("../math");
-var toolbarUtils = _interopRequireWildcard(require("../../utils/toolbar"));
-var _excluded = ["children"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-jest.mock('@tiptap/react', function () {
-  return {
-    NodeViewWrapper: function NodeViewWrapper(_ref) {
-      var children = _ref.children,
-        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        "data-testid": "node-view-wrapper"
-      }, props), children);
-    },
-    ReactNodeViewRenderer: jest.fn(function (component) {
-      return component;
-    })
-  };
-});
-var mockCreatePortal = jest.fn(function (node) {
-  return node;
-});
-jest.mock('react-dom', function () {
-  return _objectSpread(_objectSpread({}, jest.requireActual('react-dom')), {}, {
-    createPortal: function createPortal() {
-      return mockCreatePortal.apply(void 0, arguments);
-    }
-  });
-});
-jest.mock('@pie-lib/math-toolbar', function () {
-  var React = require('react');
-  return {
-    MathPreview: function MathPreview(_ref2) {
-      var latex = _ref2.latex;
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "math-preview"
-      }, latex);
-    },
-    MathToolbar: function MathToolbar(_ref3) {
-      var latex = _ref3.latex,
-        _onChange = _ref3.onChange,
-        onDone = _ref3.onDone;
-      var _React$useState = React.useState(latex),
-        _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-        localLatex = _React$useState2[0],
-        setLocalLatex = _React$useState2[1];
-      return /*#__PURE__*/React.createElement("div", {
-        "data-testid": "math-toolbar"
-      }, /*#__PURE__*/React.createElement("input", {
-        "data-testid": "math-input",
-        value: localLatex,
-        onChange: function onChange(e) {
-          setLocalLatex(e.target.value);
-          _onChange(e.target.value);
-        }
-      }), /*#__PURE__*/React.createElement("button", {
-        "data-testid": "done-button",
-        onClick: function onClick() {
-          return onDone(localLatex);
-        }
-      }, "Done"));
-    }
-  };
-});
-jest.mock('@pie-lib/math-rendering', function () {
-  return {
-    wrapMath: function wrapMath(latex, wrapper) {
-      return latex;
-    }
-  };
-});
-jest.mock('@tiptap/core', function () {
-  return {
-    Node: {
-      create: jest.fn(function (config) {
-        return config;
-      })
-    }
-  };
-});
-jest.mock('prosemirror-state', function () {
-  return {
-    Plugin: jest.fn(function (config) {
-      return config;
-    }),
-    PluginKey: jest.fn(function (key) {
-      this.key = key;
-    }),
-    TextSelection: {
-      create: jest.fn(function (doc, pos) {
-        return {
-          type: 'text',
-          pos: pos
-        };
-      })
-    },
-    NodeSelection: {
-      create: jest.fn(function (doc, pos) {
-        return {
-          type: 'node',
-          pos: pos
-        };
-      })
-    }
-  };
-});
-describe('MathNode', function () {
-  describe('configuration', function () {
-    it('has correct name', function () {
-      expect(_math.MathNode.name).toBe('math');
-    });
-    it('is inline', function () {
-      expect(_math.MathNode.inline).toBe(true);
-    });
-    it('is in inline group', function () {
-      expect(_math.MathNode.group).toBe('inline');
-    });
-    it('is atomic', function () {
-      expect(_math.MathNode.atom).toBe(true);
-    });
-  });
-  describe('addAttributes', function () {
-    it('returns required attributes', function () {
-      var attributes = _math.MathNode.addAttributes();
-      expect(attributes).toHaveProperty('latex');
-      expect(attributes).toHaveProperty('wrapper');
-      expect(attributes).toHaveProperty('html');
-      expect(attributes.latex).toEqual({
-        "default": ''
-      });
-      expect(attributes.wrapper).toEqual({
-        "default": null
-      });
-      expect(attributes.html).toEqual({
-        "default": null
-      });
-    });
-  });
-  describe('parseHTML', function () {
-    it('returns parsing rules for latex', function () {
-      var rules = _math.MathNode.parseHTML();
-      expect(Array.isArray(rules)).toBe(true);
-      expect(rules).toHaveLength(2);
-      expect(rules[0]).toHaveProperty('tag', 'span[data-latex]');
-    });
-    it('returns parsing rules for mathml', function () {
-      var rules = _math.MathNode.parseHTML();
-      expect(rules[1]).toHaveProperty('tag', 'span[data-type="mathml"]');
-    });
-  });
-  describe('renderHTML', function () {
-    it('renders mathml when html attribute is present', function () {
-      var result = _math.MathNode.renderHTML({
-        HTMLAttributes: {
-          html: '<math><mi>x</mi></math>'
-        }
-      });
-      expect(result[0]).toBe('span');
-      expect(result[1]).toHaveProperty('data-type', 'mathml');
-    });
-    it('renders latex when html attribute is not present', function () {
-      var result = _math.MathNode.renderHTML({
-        HTMLAttributes: {
-          latex: 'x^2'
-        }
-      });
-      expect(result[0]).toBe('span');
-      expect(result[1]).toHaveProperty('data-latex', '');
-      expect(result[1]).toHaveProperty('data-raw', 'x^2');
-    });
-  });
-  describe('addCommands', function () {
-    it('returns insertMath command', function () {
-      var commands = _math.MathNode.addCommands();
-      expect(commands).toHaveProperty('insertMath');
-      expect((0, _typeof2["default"])(commands.insertMath)).toBe('function');
-    });
-    it('insertMath opens the toolbar after inserting a math node', function () {
-      var setToolbarOpenedSpy = jest.spyOn(toolbarUtils, 'setToolbarOpened');
-      var mathNode = {
-        type: {
-          name: 'math'
-        },
-        nodeSize: 1
-      };
-      var tr = {
-        insert: jest.fn().mockReturnThis(),
-        setSelection: jest.fn().mockReturnThis(),
-        doc: {}
-      };
-      var editor = {
-        view: {
-          state: {
-            schema: {
-              nodes: {
-                math: {
-                  create: jest.fn(function () {
-                    return mathNode;
-                  })
-                }
-              }
-            },
-            selection: {
-              $from: {
-                pos: 1
-              }
-            }
-          }
-        }
-      };
-      var dispatch = jest.fn();
-      var insertMath = _math.MathNode.addCommands().insertMath('x^2');
-      insertMath({
-        tr: tr,
-        editor: editor,
-        dispatch: dispatch
-      });
-      expect(tr.insert).toHaveBeenCalledWith(1, mathNode);
-      expect(tr.setSelection).toHaveBeenCalled();
-      expect(dispatch).toHaveBeenCalledWith(tr);
-      expect(setToolbarOpenedSpy).toHaveBeenCalledWith(editor, true);
-      setToolbarOpenedSpy.mockRestore();
-    });
-  });
-  describe('addNodeView', function () {
-    it('returns ReactNodeViewRenderer result', function () {
-      var result = _math.MathNode.addNodeView();
-      expect(result).toBeDefined();
-    });
-  });
-  describe('addProseMirrorPlugins', function () {
-    it('registers ensure-text-after-math and zero-width-space plugins', function () {
-      var plugins = _math.MathNode.addProseMirrorPlugins();
-      expect(plugins).toHaveLength(2);
-      expect(plugins[0].appendTransaction).toBeDefined();
-      expect(plugins[1].props.handleKeyDown).toBeDefined();
-    });
-  });
-});
-describe('EnsureTextAfterMathPlugin', function () {
-  it('inserts a zero-width space after a math node when no text follows', function () {
-    var plugin = (0, _math.EnsureTextAfterMathPlugin)('math');
-    var textNode = {
-      type: {
-        name: 'text'
-      }
-    };
-    var mathNode = {
-      type: {
-        name: 'math'
-      },
-      nodeSize: 3
-    };
-    var tr = {
-      insert: jest.fn()
-    };
-    var newState = {
-      schema: {
-        text: jest.fn(function (value) {
-          return {
-            type: textNode.type,
-            text: value
-          };
-        })
-      },
-      tr: tr,
-      doc: {
-        descendants: function descendants(cb) {
-          return cb(mathNode, 5);
-        },
-        nodeAt: jest.fn(function () {
-          return null;
-        })
-      }
-    };
-    var result = plugin.appendTransaction([{
-      docChanged: true
-    }], {}, newState);
-    expect(tr.insert).toHaveBeenCalledWith(8, expect.anything());
-    expect(result).toBe(tr);
-  });
-  it('does not insert when text already follows the math node', function () {
-    var plugin = (0, _math.EnsureTextAfterMathPlugin)('math');
-    var tr = {
-      insert: jest.fn()
-    };
-    var mathNode = {
-      type: {
-        name: 'math'
-      },
-      nodeSize: 3
-    };
-    var newState = {
-      schema: {
-        text: jest.fn()
-      },
-      tr: tr,
-      doc: {
-        descendants: function descendants(cb) {
-          return cb(mathNode, 5);
-        },
-        nodeAt: jest.fn(function () {
-          return {
-            type: {
-              name: 'text'
-            }
-          };
-        })
-      }
-    };
-    var result = plugin.appendTransaction([{
-      docChanged: true
-    }], {}, newState);
-    expect(tr.insert).not.toHaveBeenCalled();
-    expect(result).toBeNull();
-  });
-  it('returns null when the document did not change', function () {
-    var plugin = (0, _math.EnsureTextAfterMathPlugin)('math');
-    var result = plugin.appendTransaction([{
-      docChanged: false
-    }], {}, {});
-    expect(result).toBeNull();
-  });
-});
-describe('ZeroWidthSpaceHandlingPlugin', function () {
-  var createDocWithMathAndZwsp = function createDocWithMathAndZwsp() {
-    var resolveOverrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return {
-      resolve: jest.fn(function (pos) {
-        return _objectSpread({
-          nodeAfter: null,
-          nodeBefore: null,
-          pos: pos
-        }, resolveOverrides[pos]);
-      }),
-      nodeAt: jest.fn(function (pos) {
-        if (pos === 1) {
-          return {
-            type: {
-              name: 'text'
-            },
-            textContent: "\u200B"
-          };
-        }
-        if (pos === 0) {
-          return {
-            type: {
-              name: 'math'
-            },
-            nodeSize: 1
-          };
-        }
-        return null;
-      })
-    };
-  };
-  var createDocWithRegularTextBeforeCursor = function createDocWithRegularTextBeforeCursor() {
-    return {
-      resolve: jest.fn(function (pos) {
-        return {
-          nodeAfter: null,
-          nodeBefore: null,
-          pos: pos
-        };
-      }),
-      nodeAt: jest.fn(function (pos) {
-        if (pos === 1) {
-          return {
-            type: {
-              name: 'text'
-            },
-            textContent: 'a'
-          };
-        }
-        return null;
-      })
-    };
-  };
-  var createView = function createView() {
-    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref4$state = _ref4.state,
-      stateOverrides = _ref4$state === void 0 ? {} : _ref4$state;
-    var dispatch = jest.fn();
-    var tr = {
-      "delete": jest.fn().mockReturnThis(),
-      setSelection: jest.fn().mockReturnThis()
-    };
-    return {
-      state: _objectSpread({
-        selection: {
-          from: 2,
-          empty: true
-        },
-        doc: createDocWithMathAndZwsp(),
-        tr: tr
-      }, stateOverrides),
-      dispatch: dispatch
-    };
-  };
-  describe('Backspace', function () {
-    it('deletes the inline node and zero-width space before the cursor', function () {
-      var view = createView();
-      var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-        key: 'Backspace'
-      });
-      expect(handled).toBe(true);
-      expect(view.state.tr["delete"]).toHaveBeenCalledWith(0, 2);
-      expect(view.dispatch).toHaveBeenCalledWith(view.state.tr);
-    });
-    it('returns false when regular text precedes the cursor', function () {
-      var view = createView({
-        state: {
-          doc: createDocWithRegularTextBeforeCursor()
-        }
-      });
-      var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-        key: 'Backspace'
-      });
-      expect(handled).toBe(false);
-      expect(view.state.tr["delete"]).not.toHaveBeenCalled();
-      expect(view.dispatch).not.toHaveBeenCalled();
-    });
-  });
-  describe('ArrowLeft', function () {
-    it('selects the inline node before a zero-width space', function () {
-      var mathNode = {
-        nodeSize: 3
-      };
-      var view = createView({
-        state: {
-          doc: createDocWithMathAndZwsp({
-            0: {
-              nodeAfter: mathNode,
-              nodeBefore: null,
-              pos: 0
-            }
-          })
-        }
-      });
-      var _require = require('prosemirror-state'),
-        NodeSelection = _require.NodeSelection;
-      var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-        key: 'ArrowLeft'
-      });
-      expect(handled).toBe(true);
-      expect(view.state.doc.resolve).toHaveBeenCalledWith(0);
-      expect(NodeSelection.create).toHaveBeenCalledWith(view.state.doc, 0);
-      expect(view.dispatch).toHaveBeenCalled();
-    });
-    it('moves the text cursor before the zero-width space when no inline node precedes it', function () {
-      var view = createView();
-      var _require2 = require('prosemirror-state'),
-        TextSelection = _require2.TextSelection;
-      var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-        key: 'ArrowLeft'
-      });
-      expect(handled).toBe(true);
-      expect(view.state.doc.resolve).toHaveBeenCalledWith(0);
-      expect(TextSelection.create).toHaveBeenCalledWith(view.state.doc, 0);
-      expect(view.dispatch).toHaveBeenCalled();
-    });
-    it('returns false when regular text precedes the cursor', function () {
-      var view = createView({
-        state: {
-          doc: createDocWithRegularTextBeforeCursor()
-        }
-      });
-      var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-        key: 'ArrowLeft'
-      });
-      expect(handled).toBe(false);
-      expect(view.state.tr.setSelection).not.toHaveBeenCalled();
-      expect(view.dispatch).not.toHaveBeenCalled();
-    });
-  });
-  it('returns false for unrelated keys', function () {
-    var view = createView();
-    var handled = _math.ZeroWidthSpaceHandlingPlugin.props.handleKeyDown(view, {
-      key: 'Enter'
-    });
-    expect(handled).toBe(false);
-  });
-});
-describe('MathNodeView', function () {
-  var createEditorElement = function createEditorElement() {
-    var rect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      top: 0,
-      left: 0,
-      width: 600,
-      height: 400
-    };
-    var element = document.createElement('div');
-    Object.defineProperty(element, 'getBoundingClientRect', {
-      value: jest.fn(function () {
-        return rect;
-      }),
-      configurable: true
-    });
-    return element;
-  };
-  var createMockEditor = function createMockEditor() {
-    return {
-      state: {
-        selection: {
-          from: 0,
-          to: 1,
-          node: {
-            type: {
-              name: 'math'
-            }
-          }
-        },
-        tr: {
-          setSelection: jest.fn().mockReturnThis(),
-          setMeta: jest.fn().mockReturnThis()
-        },
-        doc: {}
-      },
-      view: {
-        coordsAtPos: jest.fn(function () {
-          return {
-            top: 100,
-            left: 50
-          };
-        }),
-        dispatch: jest.fn()
-      },
-      options: {
-        element: createEditorElement()
-      },
-      commands: {
-        focus: jest.fn()
-      },
-      instanceId: 'editor-123',
-      _toolbarOpened: false
-    };
-  };
-  var mockNode = {
-    attrs: {
-      latex: 'x^2'
-    },
-    nodeSize: 1
-  };
-  var defaultProps;
-  beforeEach(function () {
-    jest.clearAllMocks();
-    mockCreatePortal.mockImplementation(function (node) {
-      return node;
-    });
-    defaultProps = {
-      node: mockNode,
-      updateAttributes: jest.fn(),
-      editor: createMockEditor(),
-      selected: false,
-      options: {},
-      getPos: jest.fn(function () {
-        return 0;
-      })
-    };
-  });
-  it('renders without crashing', function () {
-    var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps)),
-      container = _render.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('renders NodeViewWrapper', function () {
-    var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps)),
-      getByTestId = _render2.getByTestId;
-    expect(getByTestId('node-view-wrapper')).toBeInTheDocument();
-  });
-  it('displays math preview', function () {
-    var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps)),
-      getByTestId = _render3.getByTestId;
-    expect(getByTestId('math-preview')).toBeInTheDocument();
-  });
-  it('shows toolbar when selected', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var _render4, getByTestId;
-    return _regenerator["default"].wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), getByTestId = _render4.getByTestId;
-          _context.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(getByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
-  it('does not show toolbar when not selected', function () {
-    var _render5 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-        selected: false
-      }))),
-      queryByTestId = _render5.queryByTestId;
-    expect(queryByTestId('math-toolbar')).not.toBeInTheDocument();
-  });
-  it('adds data-toolbar-for attribute with editor instanceId', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var _render6, container;
-    return _regenerator["default"].wrap(function (_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _render6 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), container = _render6.container;
-          _context2.next = 1;
-          return (0, _react2.waitFor)(function () {
-            var toolbar = container.querySelector('[data-toolbar-for]');
-            expect(toolbar).toHaveAttribute('data-toolbar-for', 'editor-123');
-          });
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  describe('toolbar positioning', function () {
-    it('positions relative to portal container using coordsAtPos', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-      var _render7, container;
-      return _regenerator["default"].wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            _render7 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: true
-            }))), container = _render7.container;
-            _context3.next = 1;
-            return (0, _react2.waitFor)(function () {
-              var toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-              expect(toolbar.style.top).toBe('100px');
-              expect(toolbar.style.left).toBe('50px');
-            });
-          case 1:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    })));
-    it('offsets position by portal container getBoundingClientRect', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-      var containerEl, editor, _render8, container;
-      return _regenerator["default"].wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            containerEl = document.createElement('div');
-            containerEl.getBoundingClientRect = jest.fn(function () {
-              return {
-                top: 100,
-                left: 50,
-                width: 600,
-                height: 400
-              };
-            });
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              _tiptapContainerEl: containerEl
-            });
-            _render8 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            }))), container = _render8.container;
-            _context4.next = 1;
-            return (0, _react2.waitFor)(function () {
-              var toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-              expect(toolbar.style.top).toBe('0px');
-              expect(toolbar.style.left).toBe('0px');
-            });
-          case 1:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    })));
-    it('applies absolute positioning style to toolbar', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-      var _render9, container;
-      return _regenerator["default"].wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            _render9 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: true
-            }))), container = _render9.container;
-            _context5.next = 1;
-            return (0, _react2.waitFor)(function () {
-              var toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-              expect(toolbar.style.position).toBe('absolute');
-            });
-          case 1:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    })));
-    it('renders above other editor overlays with a high z-index', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-      var _render0, container;
-      return _regenerator["default"].wrap(function (_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _render0 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: true
-            }))), container = _render0.container;
-            _context6.next = 1;
-            return (0, _react2.waitFor)(function () {
-              var toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-              expect(toolbar.style.zIndex).toBe('1000');
-            });
-          case 1:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    })));
-    it('updates position from coordsAtPos when selection changes', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-      var editor, _render1, container;
-      return _regenerator["default"].wrap(function (_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              view: _objectSpread(_objectSpread({}, defaultProps.editor.view), {}, {
-                coordsAtPos: jest.fn(function () {
-                  return {
-                    top: 200,
-                    left: 150
-                  };
-                }),
-                dispatch: jest.fn()
-              })
-            });
-            _render1 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            }))), container = _render1.container;
-            _context7.next = 1;
-            return (0, _react2.waitFor)(function () {
-              var toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-              expect(toolbar.style.top).toBe('200px');
-              expect(toolbar.style.left).toBe('150px');
-            });
-          case 1:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7);
-    })));
-    it('clamps toolbar position to viewport margins', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-      var originalInnerHeight, originalInnerWidth, editor, _render10, container, toolbar;
-      return _regenerator["default"].wrap(function (_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
-          case 0:
-            originalInnerHeight = window.innerHeight;
-            originalInnerWidth = window.innerWidth;
-            Object.defineProperty(window, 'innerHeight', {
-              configurable: true,
-              writable: true,
-              value: 200
-            });
-            Object.defineProperty(window, 'innerWidth', {
-              configurable: true,
-              writable: true,
-              value: 300
-            });
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              view: _objectSpread(_objectSpread({}, defaultProps.editor.view), {}, {
-                coordsAtPos: jest.fn(function () {
-                  return {
-                    top: 190,
-                    left: 280,
-                    bottom: 195
-                  };
-                }),
-                dispatch: jest.fn()
-              })
-            });
-            _render10 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            }))), container = _render10.container;
-            _context9.next = 1;
-            return (0, _react2.waitFor)(function () {
-              toolbar = container.querySelector('[data-toolbar-for]');
-              expect(toolbar).toBeInTheDocument();
-            });
-          case 1:
-            Object.defineProperty(toolbar, 'offsetHeight', {
-              configurable: true,
-              value: 100
-            });
-            Object.defineProperty(toolbar, 'offsetWidth', {
-              configurable: true,
-              value: 150
-            });
-            _context9.next = 2;
-            return (0, _react2.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-              return _regenerator["default"].wrap(function (_context8) {
-                while (1) switch (_context8.prev = _context8.next) {
-                  case 0:
-                    window.dispatchEvent(new Event('resize'));
-                    _context8.next = 1;
-                    return new Promise(function (resolve) {
-                      return requestAnimationFrame(resolve);
-                    });
-                  case 1:
-                  case "end":
-                    return _context8.stop();
-                }
-              }, _callee8);
-            })));
-          case 2:
-            _context9.next = 3;
-            return (0, _react2.waitFor)(function () {
-              expect(parseInt(toolbar.style.top, 10)).toBeLessThanOrEqual(200 - 100 - 8);
-              expect(parseInt(toolbar.style.left, 10)).toBeLessThanOrEqual(300 - 150 - 8);
-              expect(parseInt(toolbar.style.top, 10)).toBeGreaterThanOrEqual(8);
-              expect(parseInt(toolbar.style.left, 10)).toBeGreaterThanOrEqual(8);
-            });
-          case 3:
-            Object.defineProperty(window, 'innerHeight', {
-              configurable: true,
-              writable: true,
-              value: originalInnerHeight
-            });
-            Object.defineProperty(window, 'innerWidth', {
-              configurable: true,
-              writable: true,
-              value: originalInnerWidth
-            });
-          case 4:
-          case "end":
-            return _context9.stop();
-        }
-      }, _callee9);
-    })));
-    it('attaches scroll and resize listeners while toolbar is open', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0() {
-      var addSpy;
-      return _regenerator["default"].wrap(function (_context0) {
-        while (1) switch (_context0.prev = _context0.next) {
-          case 0:
-            addSpy = jest.spyOn(window, 'addEventListener');
-            (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: true
-            })));
-            _context0.next = 1;
-            return (0, _react2.waitFor)(function () {
-              expect(addSpy).toHaveBeenCalledWith('scroll', expect.any(Function), true);
-              expect(addSpy).toHaveBeenCalledWith('resize', expect.any(Function));
-            });
-          case 1:
-            addSpy.mockRestore();
-          case 2:
-          case "end":
-            return _context0.stop();
-        }
-      }, _callee0);
-    })));
-    it('portals toolbar into _tiptapContainerEl when available', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee1() {
-      var containerEl, editor;
-      return _regenerator["default"].wrap(function (_context1) {
-        while (1) switch (_context1.prev = _context1.next) {
-          case 0:
-            containerEl = document.createElement('div');
-            containerEl.getBoundingClientRect = jest.fn(function () {
-              return {
-                top: 0,
-                left: 0,
-                width: 600,
-                height: 400
-              };
-            });
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              _tiptapContainerEl: containerEl
-            });
-            mockCreatePortal.mockClear();
-            (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            })));
-            _context1.next = 1;
-            return (0, _react2.waitFor)(function () {
-              expect(mockCreatePortal).toHaveBeenCalled();
-              var lastCall = mockCreatePortal.mock.calls[mockCreatePortal.mock.calls.length - 1];
-              expect(lastCall[1]).toBe(containerEl);
-            });
-          case 1:
-          case "end":
-            return _context1.stop();
-        }
-      }, _callee1);
-    })));
-    it('portals toolbar into document.body when _tiptapContainerEl is not set', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-      var editor;
-      return _regenerator["default"].wrap(function (_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
-          case 0:
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              _tiptapContainerEl: undefined
-            });
-            mockCreatePortal.mockClear();
-            (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            })));
-            _context10.next = 1;
-            return (0, _react2.waitFor)(function () {
-              expect(mockCreatePortal).toHaveBeenCalled();
-              var lastCall = mockCreatePortal.mock.calls[mockCreatePortal.mock.calls.length - 1];
-              expect(lastCall[1]).toBe(document.body);
-            });
-          case 1:
-          case "end":
-            return _context10.stop();
-        }
-      }, _callee10);
-    })));
-  });
-  it('calls updateAttributes when latex changes', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11() {
-    var _render11, getByTestId;
-    return _regenerator["default"].wrap(function (_context11) {
-      while (1) switch (_context11.prev = _context11.next) {
-        case 0:
-          _render11 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), getByTestId = _render11.getByTestId;
-          _context11.next = 1;
-          return (0, _react2.waitFor)(function () {
-            var input = getByTestId('math-input');
-            _react2.fireEvent.change(input, {
-              target: {
-                value: 'y^2'
-              }
-            });
-          });
-        case 1:
-          expect(defaultProps.updateAttributes).toHaveBeenCalledWith({
-            latex: 'y^2'
-          });
-        case 2:
-        case "end":
-          return _context11.stop();
-      }
-    }, _callee11);
-  })));
-  it('closes toolbar and updates attributes when done', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-    var updateAttributes, _render12, getByTestId, doneButton;
-    return _regenerator["default"].wrap(function (_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
-        case 0:
-          updateAttributes = jest.fn();
-          _render12 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            updateAttributes: updateAttributes,
-            selected: true
-          }))), getByTestId = _render12.getByTestId;
-          _context12.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(getByTestId('done-button')).toBeInTheDocument();
-          });
-        case 1:
-          doneButton = getByTestId('done-button');
-          _react2.fireEvent.click(doneButton);
-          _context12.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(updateAttributes).toHaveBeenCalledWith({
-              latex: 'x^2'
-            });
-          });
-        case 2:
-        case "end":
-          return _context12.stop();
-      }
-    }, _callee12);
-  })));
-  it('sets editor._toolbarOpened when toolbar is shown', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13() {
-    var _render13, getByTestId;
-    return _regenerator["default"].wrap(function (_context13) {
-      while (1) switch (_context13.prev = _context13.next) {
-        case 0:
-          _render13 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), getByTestId = _render13.getByTestId;
-          _context13.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(getByTestId('math-toolbar')).toBeInTheDocument();
-            expect(defaultProps.editor._toolbarOpened).toBe(true);
-          });
-        case 1:
-        case "end":
-          return _context13.stop();
-      }
-    }, _callee13);
-  })));
-  it('unsets editor._toolbarOpened when toolbar is closed and node is not selected', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-    var _render14, getByTestId;
-    return _regenerator["default"].wrap(function (_context14) {
-      while (1) switch (_context14.prev = _context14.next) {
-        case 0:
-          _render14 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: false
-          }))), getByTestId = _render14.getByTestId;
-          _react2.fireEvent.click(getByTestId('math-preview'));
-          _context14.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(getByTestId('math-toolbar')).toBeInTheDocument();
-            expect(defaultProps.editor._toolbarOpened).toBe(true);
-          });
-        case 1:
-          _react2.fireEvent.click(getByTestId('done-button'));
-          _context14.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(defaultProps.editor._toolbarOpened).toBe(false);
-          });
-        case 2:
-        case "end":
-          return _context14.stop();
-      }
-    }, _callee14);
-  })));
-  it('keeps editor._toolbarOpened true while the math node remains selected', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15() {
-    var _render15, getByTestId;
-    return _regenerator["default"].wrap(function (_context15) {
-      while (1) switch (_context15.prev = _context15.next) {
-        case 0:
-          _render15 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), getByTestId = _render15.getByTestId;
-          _context15.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(getByTestId('done-button')).toBeInTheDocument();
-            expect(defaultProps.editor._toolbarOpened).toBe(true);
-          });
-        case 1:
-          _react2.fireEvent.click(getByTestId('done-button'));
-          _context15.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(defaultProps.editor._toolbarOpened).toBe(true);
-          });
-        case 2:
-        case "end":
-          return _context15.stop();
-      }
-    }, _callee15);
-  })));
-  it('closes toolbar on outside click and runs handleDone', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
-    var updateAttributes, editor, _require3, TextSelection, _render16, queryByTestId;
-    return _regenerator["default"].wrap(function (_context16) {
-      while (1) switch (_context16.prev = _context16.next) {
-        case 0:
-          updateAttributes = jest.fn();
-          editor = createMockEditor();
-          _require3 = require('prosemirror-state'), TextSelection = _require3.TextSelection;
-          _render16 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            editor: editor,
-            updateAttributes: updateAttributes,
-            selected: true
-          }))), queryByTestId = _render16.queryByTestId;
-          _context16.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 1:
-          _react2.fireEvent.click(document.body);
-          _context16.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).not.toBeInTheDocument();
-            expect(updateAttributes).toHaveBeenCalledWith({
-              latex: 'x^2'
-            });
-            expect(TextSelection.create).toHaveBeenCalledWith(editor.state.doc, 1);
-            expect(editor.state.tr.setSelection).toHaveBeenCalled();
-            expect(editor.view.dispatch).toHaveBeenCalledWith(editor.state.tr);
-            expect(editor.commands.focus).toHaveBeenCalled();
-            expect(editor._toolbarOpened).toBe(true);
-          });
-        case 2:
-        case "end":
-          return _context16.stop();
-      }
-    }, _callee16);
-  })));
-  it('re-registers click listener when node changes', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
-    var addEventListenerSpy, removeEventListenerSpy, nodeA, nodeB, _render17, rerender, initialCallCount;
-    return _regenerator["default"].wrap(function (_context17) {
-      while (1) switch (_context17.prev = _context17.next) {
-        case 0:
-          addEventListenerSpy = jest.spyOn(document, 'addEventListener');
-          removeEventListenerSpy = jest.spyOn(document, 'removeEventListener');
-          nodeA = {
-            attrs: {
-              latex: 'x^2'
-            }
-          };
-          nodeB = {
-            attrs: {
-              latex: 'y^2'
-            }
-          };
-          _render17 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            node: nodeA,
-            selected: true
-          }))), rerender = _render17.rerender;
-          _context17.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(addEventListenerSpy).toHaveBeenCalledWith('click', expect.any(Function));
-          });
-        case 1:
-          initialCallCount = addEventListenerSpy.mock.calls.length;
-          rerender(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            node: nodeB,
-            selected: true
-          })));
-          _context17.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(removeEventListenerSpy).toHaveBeenCalled();
-            expect(addEventListenerSpy.mock.calls.length).toBeGreaterThan(initialCallCount);
-          });
-        case 2:
-          addEventListenerSpy.mockRestore();
-          removeEventListenerSpy.mockRestore();
-        case 3:
-        case "end":
-          return _context17.stop();
-      }
-    }, _callee17);
-  })));
-  it('does not close toolbar when clicking the math node preview', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-    var _render18, getByTestId, queryByTestId;
-    return _regenerator["default"].wrap(function (_context18) {
-      while (1) switch (_context18.prev = _context18.next) {
-        case 0:
-          _render18 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), getByTestId = _render18.getByTestId, queryByTestId = _render18.queryByTestId;
-          _context18.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 1:
-          _react2.fireEvent.click(getByTestId('math-preview'));
-          _context18.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 2:
-        case "end":
-          return _context18.stop();
-      }
-    }, _callee18);
-  })));
-  describe('unique math-node class per instance', function () {
-    var dateNowSpy;
-    beforeEach(function () {
-      var timestamp = 1000;
-      dateNowSpy = jest.spyOn(Date, 'now').mockImplementation(function () {
-        return timestamp++;
-      });
-    });
-    afterEach(function () {
-      dateNowSpy.mockRestore();
-    });
-
-    // The wrapper is an emotion styled() component, so className also carries
-    // emotion's generated class - assert on the math-node token, not equality.
-    it('assigns a timestamp-based class to NodeViewWrapper', function () {
-      var _render19 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps)),
-        getByTestId = _render19.getByTestId;
-      var wrapper = getByTestId('node-view-wrapper');
-      expect(Array.from(wrapper.classList).some(function (c) {
-        return /^math-node-\d+$/.test(c);
-      })).toBe(true);
-    });
-    it('assigns a different class to each MathNodeView instance', function () {
-      var _render20 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps), /*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-          node: {
-            attrs: {
-              latex: 'y^2'
-            }
-          }
-        })))),
-        getAllByTestId = _render20.getAllByTestId;
-      var wrappers = getAllByTestId('node-view-wrapper');
-      var mathNodeClass = function mathNodeClass(el) {
-        return Array.from(el.classList).find(function (c) {
-          return c.startsWith('math-node-');
-        });
-      };
-      expect(mathNodeClass(wrappers[0])).toBe('math-node-1000');
-      expect(mathNodeClass(wrappers[1])).toBe('math-node-1001');
-      // and they must differ
-      expect(mathNodeClass(wrappers[0])).not.toBe(mathNodeClass(wrappers[1]));
-    });
-    it('closes toolbar when clicking a different math node', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
-      var updateAttributes, editorA, editorB, _render21, getAllByTestId, queryAllByTestId, secondPreview;
-      return _regenerator["default"].wrap(function (_context19) {
-        while (1) switch (_context19.prev = _context19.next) {
-          case 0:
-            updateAttributes = jest.fn();
-            editorA = createMockEditor();
-            editorB = createMockEditor();
-            _render21 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editorA,
-              updateAttributes: updateAttributes,
-              selected: false
-            })), /*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editorB,
-              node: {
-                attrs: {
-                  latex: 'y^2'
-                }
-              },
-              selected: false
-            })))), getAllByTestId = _render21.getAllByTestId, queryAllByTestId = _render21.queryAllByTestId;
-            _react2.fireEvent.click(getAllByTestId('math-preview')[0]);
-            _context19.next = 1;
-            return (0, _react2.waitFor)(function () {
-              expect(queryAllByTestId('math-toolbar')).toHaveLength(1);
-            });
-          case 1:
-            secondPreview = getAllByTestId('math-preview')[1];
-            _react2.fireEvent.click(secondPreview);
-            _context19.next = 2;
-            return (0, _react2.waitFor)(function () {
-              expect(queryAllByTestId('math-toolbar')).toHaveLength(1);
-              expect(updateAttributes).toHaveBeenCalledWith({
-                latex: 'x^2'
-              });
-              expect(editorA._toolbarOpened).toBe(false);
-              expect(getAllByTestId('math-input')[0]).toHaveValue('y^2');
-            });
-          case 2:
-          case "end":
-            return _context19.stop();
-        }
-      }, _callee19);
-    })));
-  });
-  describe('selection-based toolbar guard', function () {
-    it('opens toolbar when selected transitions to true and the editor has a NodeSelection on math', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
-      var _render22, queryByTestId, rerender;
-      return _regenerator["default"].wrap(function (_context20) {
-        while (1) switch (_context20.prev = _context20.next) {
-          case 0:
-            _render22 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: false
-            }))), queryByTestId = _render22.queryByTestId, rerender = _render22.rerender;
-            expect(queryByTestId('math-toolbar')).not.toBeInTheDocument();
-            rerender(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              selected: true
-            })));
-            _context20.next = 1;
-            return (0, _react2.waitFor)(function () {
-              expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-            });
-          case 1:
-          case "end":
-            return _context20.stop();
-        }
-      }, _callee20);
-    })));
-    it('does not open toolbar when selected briefly becomes true but editor selection has no node (Cmd+A / drag case)', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
-      var editor, _render23, queryByTestId, rerender;
-      return _regenerator["default"].wrap(function (_context22) {
-        while (1) switch (_context22.prev = _context22.next) {
-          case 0:
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              state: _objectSpread(_objectSpread({}, defaultProps.editor.state), {}, {
-                selection: {
-                  from: 0,
-                  to: 100
-                } // no .node — TextSelection / AllSelection shape
-              })
-            });
-            _render23 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: false
-            }))), queryByTestId = _render23.queryByTestId, rerender = _render23.rerender;
-            rerender(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            })));
-            _context22.next = 1;
-            return (0, _react2.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
-              return _regenerator["default"].wrap(function (_context21) {
-                while (1) switch (_context21.prev = _context21.next) {
-                  case 0:
-                  case "end":
-                    return _context21.stop();
-                }
-              }, _callee21);
-            })));
-          case 1:
-            expect(queryByTestId('math-toolbar')).not.toBeInTheDocument();
-          case 2:
-          case "end":
-            return _context22.stop();
-        }
-      }, _callee22);
-    })));
-    it('does not open toolbar when selected briefly becomes true but NodeSelection targets a non-math node', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee24() {
-      var editor, _render24, queryByTestId, rerender;
-      return _regenerator["default"].wrap(function (_context24) {
-        while (1) switch (_context24.prev = _context24.next) {
-          case 0:
-            editor = _objectSpread(_objectSpread({}, defaultProps.editor), {}, {
-              state: _objectSpread(_objectSpread({}, defaultProps.editor.state), {}, {
-                selection: {
-                  from: 0,
-                  to: 1,
-                  node: {
-                    type: {
-                      name: 'image'
-                    }
-                  }
-                }
-              })
-            });
-            _render24 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: false
-            }))), queryByTestId = _render24.queryByTestId, rerender = _render24.rerender;
-            rerender(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-              editor: editor,
-              selected: true
-            })));
-            _context24.next = 1;
-            return (0, _react2.act)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee23() {
-              return _regenerator["default"].wrap(function (_context23) {
-                while (1) switch (_context23.prev = _context23.next) {
-                  case 0:
-                  case "end":
-                    return _context23.stop();
-                }
-              }, _callee23);
-            })));
-          case 1:
-            expect(queryByTestId('math-toolbar')).not.toBeInTheDocument();
-          case 2:
-          case "end":
-            return _context24.stop();
-        }
-      }, _callee24);
-    })));
-  });
-  it('does not close toolbar when clicking equation editor dropdown', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee25() {
-    var _render25, queryByTestId, dropdown;
-    return _regenerator["default"].wrap(function (_context25) {
-      while (1) switch (_context25.prev = _context25.next) {
-        case 0:
-          _render25 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-            selected: true
-          }))), queryByTestId = _render25.queryByTestId;
-          _context25.next = 1;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 1:
-          // Simulate MUI Select's portal dropdown container.
-          dropdown = document.createElement('div');
-          dropdown.id = 'equation-editor-select-listbox';
-          document.body.appendChild(dropdown);
-          _react2.fireEvent.click(dropdown);
-          _context25.next = 2;
-          return (0, _react2.waitFor)(function () {
-            expect(queryByTestId('math-toolbar')).toBeInTheDocument();
-          });
-        case 2:
-          document.body.removeChild(dropdown);
-        case 3:
-        case "end":
-          return _context25.stop();
-      }
-    }, _callee25);
-  })));
-  it('renders with empty latex', function () {
-    var nodeWithEmptyLatex = {
-      attrs: {
-        latex: ''
-      }
-    };
-    var _render26 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, (0, _extends2["default"])({}, defaultProps, {
-        node: nodeWithEmptyLatex
-      }))),
-      getByTestId = _render26.getByTestId;
-    expect(getByTestId('math-preview')).toBeInTheDocument();
-  });
-  it('has correct styling on NodeViewWrapper', function () {
-    var _render27 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_math.MathNodeView, defaultProps)),
-      getByTestId = _render27.getByTestId;
-    var wrapper = getByTestId('node-view-wrapper');
-    expect(wrapper).toHaveStyle({
-      display: 'inline-flex',
-      cursor: 'pointer'
-    });
-  });
-});
-//# sourceMappingURL=math.test.js.map