@pie-lib/editable-html 13.0.14-beta.6 → 13.0.14-beta.8

package/lib/plugins/toolbar/__tests__/default-toolbar.test.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _slate = require("slate");
+var _defaultToolbar = require("../default-toolbar");
+// Mock the DoneButton component directly to avoid styled component issues
+jest.mock('../done-button', function () {
+  return {
+    DoneButton: function DoneButton(props) {
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "Done",
+        onClick: props.onClick,
+        "data-testid": "done-button"
+      }, "Done");
+    },
+    RawDoneButton: function RawDoneButton(props) {
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "Done",
+        onClick: props.onClick,
+        className: "RawDoneButton"
+      }, "Done");
+    }
+  };
+});
+describe('default-toolbar', function () {
+  var onDone;
+  var onChange;
+  var getFocusedValue;
+  var defaultProps;
+  beforeEach(function () {
+    onDone = jest.fn();
+    onChange = jest.fn();
+    getFocusedValue = jest.fn();
+    defaultProps = {
+      classes: {},
+      value: _slate.Value.fromJSON({}),
+      plugins: [],
+      className: 'className',
+      onDone: onDone,
+      onChange: onChange,
+      getFocusedValue: getFocusedValue,
+      deletable: false,
+      showDone: true
+    };
+  });
+  describe('rendering', function () {
+    it('renders toolbar', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          deletable: false
+        }))),
+        container = _render.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('renders with 1 plugin', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }]
+        }))),
+        container = _render2.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Should render plugin toolbar button
+    });
+    it('renders with 2 plugins', function () {
+      var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }, {
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon2")
+            },
+            name: 'plugin-two'
+          }]
+        }))),
+        container = _render3.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Should render both plugin toolbar buttons
+    });
+    it('renders only enabled plugins when one is disabled', function () {
+      var _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          pluginProps: {
+            'plugin-one': {
+              disabled: true
+            }
+          },
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }, {
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon2")
+            },
+            name: 'plugin-two'
+          }]
+        }))),
+        container = _render4.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Only plugin-two should be rendered (plugin-one is disabled)
+    });
+    it('renders done button when not deletable', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        deletable: false
+      })));
+      expect(_react2.screen.getByLabelText('Done')).toBeInTheDocument();
+    });
+    it('does not render done button when deletable', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        deletable: true
+      })));
+      expect(_react2.screen.queryByLabelText('Done')).not.toBeInTheDocument();
+    });
+    it('does not render done button when showDone is false', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        showDone: false,
+        deletable: false
+      })));
+      expect(_react2.screen.queryByLabelText('Done')).not.toBeInTheDocument();
+    });
+  });
+  describe('interactions', function () {
+    it('calls onDone when done button is clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var doneButton;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+              deletable: false
+            })));
+            doneButton = _react2.screen.getByLabelText('Done');
+            _react2.fireEvent.click(doneButton);
+            expect(onDone).toHaveBeenCalled();
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfc2xhdGUiLCJfZGVmYXVsdFRvb2xiYXIiLCJqZXN0IiwibW9jayIsIkRvbmVCdXR0b24iLCJwcm9wcyIsImNyZWF0ZUVsZW1lbnQiLCJvbkNsaWNrIiwiUmF3RG9uZUJ1dHRvbiIsImNsYXNzTmFtZSIsImRlc2NyaWJlIiwib25Eb25lIiwib25DaGFuZ2UiLCJnZXRGb2N1c2VkVmFsdWUiLCJkZWZhdWx0UHJvcHMiLCJiZWZvcmVFYWNoIiwiZm4iLCJjbGFzc2VzIiwidmFsdWUiLCJWYWx1ZSIsImZyb21KU09OIiwicGx1Z2lucyIsImRlbGV0YWJsZSIsInNob3dEb25lIiwiaXQiLCJfcmVuZGVyIiwicmVuZGVyIiwiRGVmYXVsdFRvb2xiYXIiLCJfZXh0ZW5kczIiLCJjb250YWluZXIiLCJleHBlY3QiLCJmaXJzdENoaWxkIiwidG9CZUluVGhlRG9jdW1lbnQiLCJfcmVuZGVyMiIsInRvb2xiYXIiLCJpY29uIiwibmFtZSIsIl9yZW5kZXIzIiwiX3JlbmRlcjQiLCJwbHVnaW5Qcm9wcyIsImRpc2FibGVkIiwic2NyZWVuIiwiZ2V0QnlMYWJlbFRleHQiLCJxdWVyeUJ5TGFiZWxUZXh0Iiwibm90IiwiX2FzeW5jVG9HZW5lcmF0b3IyIiwiX3JlZ2VuZXJhdG9yIiwibWFyayIsIl9jYWxsZWUiLCJkb25lQnV0dG9uIiwid3JhcCIsIl9jb250ZXh0IiwicHJldiIsIm5leHQiLCJmaXJlRXZlbnQiLCJjbGljayIsInRvSGF2ZUJlZW5DYWxsZWQiLCJzdG9wIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BsdWdpbnMvdG9vbGJhci9fX3Rlc3RzX18vZGVmYXVsdC10b29sYmFyLnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBmaXJlRXZlbnQsIHJlbmRlciwgc2NyZWVuIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgeyBWYWx1ZSB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCB7IERlZmF1bHRUb29sYmFyIH0gZnJvbSAnLi4vZGVmYXVsdC10b29sYmFyJztcblxuLy8gTW9jayB0aGUgRG9uZUJ1dHRvbiBjb21wb25lbnQgZGlyZWN0bHkgdG8gYXZvaWQgc3R5bGVkIGNvbXBvbmVudCBpc3N1ZXNcbmplc3QubW9jaygnLi4vZG9uZS1idXR0b24nLCAoKSA9PiAoe1xuICBEb25lQnV0dG9uOiAocHJvcHMpID0+IChcbiAgICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJEb25lXCIgb25DbGljaz17cHJvcHMub25DbGlja30gZGF0YS10ZXN0aWQ9XCJkb25lLWJ1dHRvblwiPlxuICAgICAgRG9uZVxuICAgIDwvYnV0dG9uPlxuICApLFxuICBSYXdEb25lQnV0dG9uOiAocHJvcHMpID0+IChcbiAgICA8YnV0dG9uIGFyaWEtbGFiZWw9XCJEb25lXCIgb25DbGljaz17cHJvcHMub25DbGlja30gY2xhc3NOYW1lPVwiUmF3RG9uZUJ1dHRvblwiPlxuICAgICAgRG9uZVxuICAgIDwvYnV0dG9uPlxuICApLFxufSkpO1xuXG5kZXNjcmliZSgnZGVmYXVsdC10b29sYmFyJywgKCkgPT4ge1xuICBsZXQgb25Eb25lO1xuICBsZXQgb25DaGFuZ2U7XG4gIGxldCBnZXRGb2N1c2VkVmFsdWU7XG4gIGxldCBkZWZhdWx0UHJvcHM7XG5cbiAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgb25Eb25lID0gamVzdC5mbigpO1xuICAgIG9uQ2hhbmdlID0gamVzdC5mbigpO1xuICAgIGdldEZvY3VzZWRWYWx1ZSA9IGplc3QuZm4oKTtcblxuICAgIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgIGNsYXNzZXM6IHt9LFxuICAgICAgdmFsdWU6IFZhbHVlLmZyb21KU09OKHt9KSxcbiAgICAgIHBsdWdpbnM6IFtdLFxuICAgICAgY2xhc3NOYW1lOiAnY2xhc3NOYW1lJyxcbiAgICAgIG9uRG9uZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgZ2V0Rm9jdXNlZFZhbHVlLFxuICAgICAgZGVsZXRhYmxlOiBmYWxzZSxcbiAgICAgIHNob3dEb25lOiB0cnVlLFxuICAgIH07XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdyZW5kZXJpbmcnLCAoKSA9PiB7XG4gICAgaXQoJ3JlbmRlcnMgdG9vbGJhcicsICgpID0+IHtcbiAgICAgIGNvbnN0IHsgY29udGFpbmVyIH0gPSByZW5kZXIoPERlZmF1bHRUb29sYmFyIHsuLi5kZWZhdWx0UHJvcHN9IGRlbGV0YWJsZT17ZmFsc2V9IC8+KTtcbiAgICAgIGV4cGVjdChjb250YWluZXIuZmlyc3RDaGlsZCkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICB9KTtcblxuICAgIGl0KCdyZW5kZXJzIHdpdGggMSBwbHVnaW4nLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKFxuICAgICAgICA8RGVmYXVsdFRvb2xiYXIgey4uLmRlZmF1bHRQcm9wc30gcGx1Z2lucz17W3sgdG9vbGJhcjogeyBpY29uOiA8c3Bhbj5JY29uMTwvc3Bhbj4gfSwgbmFtZTogJ3BsdWdpbi1vbmUnIH1dfSAvPixcbiAgICAgICk7XG5cbiAgICAgIGV4cGVjdChjb250YWluZXIuZmlyc3RDaGlsZCkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICAgIC8vIFNob3VsZCByZW5kZXIgcGx1Z2luIHRvb2xiYXIgYnV0dG9uXG4gICAgfSk7XG5cbiAgICBpdCgncmVuZGVycyB3aXRoIDIgcGx1Z2lucycsICgpID0+IHtcbiAgICAgIGNvbnN0IHsgY29udGFpbmVyIH0gPSByZW5kZXIoXG4gICAgICAgIDxEZWZhdWx0VG9vbGJhclxuICAgICAgICAgIHsuLi5kZWZhdWx0UHJvcHN9XG4gICAgICAgICAgcGx1Z2lucz17W1xuICAgICAgICAgICAgeyB0b29sYmFyOiB7IGljb246IDxzcGFuPkljb24xPC9zcGFuPiB9LCBuYW1lOiAncGx1Z2luLW9uZScgfSxcbiAgICAgICAgICAgIHsgdG9vbGJhcjogeyBpY29uOiA8c3Bhbj5JY29uMjwvc3Bhbj4gfSwgbmFtZTogJ3BsdWdpbi10d28nIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuXG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICAvLyBTaG91bGQgcmVuZGVyIGJvdGggcGx1Z2luIHRvb2xiYXIgYnV0dG9uc1xuICAgIH0pO1xuXG4gICAgaXQoJ3JlbmRlcnMgb25seSBlbmFibGVkIHBsdWdpbnMgd2hlbiBvbmUgaXMgZGlzYWJsZWQnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKFxuICAgICAgICA8RGVmYXVsdFRvb2xiYXJcbiAgICAgICAgICB7Li4uZGVmYXVsdFByb3BzfVxuICAgICAgICAgIHBsdWdpblByb3BzPXt7XG4gICAgICAgICAgICAncGx1Z2luLW9uZSc6IHtcbiAgICAgICAgICAgICAgZGlzYWJsZWQ6IHRydWUsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH19XG4gICAgICAgICAgcGx1Z2lucz17W1xuICAgICAgICAgICAgeyB0b29sYmFyOiB7IGljb246IDxzcGFuPkljb24xPC9zcGFuPiB9LCBuYW1lOiAncGx1Z2luLW9uZScgfSxcbiAgICAgICAgICAgIHsgdG9vbGJhcjogeyBpY29uOiA8c3Bhbj5JY29uMjwvc3Bhbj4gfSwgbmFtZTogJ3BsdWdpbi10d28nIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgLz4sXG4gICAgICApO1xuXG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICAvLyBPbmx5IHBsdWdpbi10d28gc2hvdWxkIGJlIHJlbmRlcmVkIChwbHVnaW4tb25lIGlzIGRpc2FibGVkKVxuICAgIH0pO1xuXG4gICAgaXQoJ3JlbmRlcnMgZG9uZSBidXR0b24gd2hlbiBub3QgZGVsZXRhYmxlJywgKCkgPT4ge1xuICAgICAgcmVuZGVyKDxEZWZhdWx0VG9vbGJhciB7Li4uZGVmYXVsdFByb3BzfSBkZWxldGFibGU9e2ZhbHNlfSAvPik7XG5cbiAgICAgIGV4cGVjdChzY3JlZW4uZ2V0QnlMYWJlbFRleHQoJ0RvbmUnKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICB9KTtcblxuICAgIGl0KCdkb2VzIG5vdCByZW5kZXIgZG9uZSBidXR0b24gd2hlbiBkZWxldGFibGUnLCAoKSA9PiB7XG4gICAgICByZW5kZXIoPERlZmF1bHRUb29sYmFyIHsuLi5kZWZhdWx0UHJvcHN9IGRlbGV0YWJsZT17dHJ1ZX0gLz4pO1xuXG4gICAgICBleHBlY3Qoc2NyZWVuLnF1ZXJ5QnlMYWJlbFRleHQoJ0RvbmUnKSkubm90LnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgnZG9lcyBub3QgcmVuZGVyIGRvbmUgYnV0dG9uIHdoZW4gc2hvd0RvbmUgaXMgZmFsc2UnLCAoKSA9PiB7XG4gICAgICByZW5kZXIoPERlZmF1bHRUb29sYmFyIHsuLi5kZWZhdWx0UHJvcHN9IHNob3dEb25lPXtmYWxzZX0gZGVsZXRhYmxlPXtmYWxzZX0gLz4pO1xuXG4gICAgICBleHBlY3Qoc2NyZWVuLnF1ZXJ5QnlMYWJlbFRleHQoJ0RvbmUnKSkubm90LnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdpbnRlcmFjdGlvbnMnLCAoKSA9PiB7XG4gICAgaXQoJ2NhbGxzIG9uRG9uZSB3aGVuIGRvbmUgYnV0dG9uIGlzIGNsaWNrZWQnLCBhc3luYyAoKSA9PiB7XG4gICAgICByZW5kZXIoPERlZmF1bHRUb29sYmFyIHsuLi5kZWZhdWx0UHJvcHN9IGRlbGV0YWJsZT17ZmFsc2V9IC8+KTtcblxuICAgICAgY29uc3QgZG9uZUJ1dHRvbiA9IHNjcmVlbi5nZXRCeUxhYmVsVGV4dCgnRG9uZScpO1xuICAgICAgZmlyZUV2ZW50LmNsaWNrKGRvbmVCdXR0b24pO1xuXG4g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

package/lib/plugins/toolbar/__tests__/editor-and-toolbar.test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _utils = require("../../../__tests__/utils");
+var _slate = require("slate");
+var _editorAndToolbar = require("../editor-and-toolbar");
+var _react = _interopRequireDefault(require("react"));
+var _debug = _interopRequireDefault(require("debug"));
+var _react2 = require("@testing-library/react");
+jest.mock('../toolbar', function () {
+  return function () {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "---- toolbar ------ ");
+  };
+});
+(0, _utils.mockIconButton)();
+var log = (0, _debug["default"])('@pie-lib:editable-html:test:editor-and-toolbar');
+describe('toolbar', function () {
+  var onDelete, classes;
+  beforeEach(function () {
+    onDelete = jest.fn();
+    classes = (0, _utils.classObject)('root', 'editorHolder', 'editorInFocus');
+  });
+  it('renders EditorAndToolbar component', function () {
+    var value = _slate.Value.fromJSON({});
+    Object.defineProperty(value, 'isFocused', {
+      get: jest.fn(function () {
+        return true;
+      })
+    });
+    var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_editorAndToolbar.EditorAndToolbar, {
+        classes: classes,
+        value: value,
+        plugins: [],
+        onDone: jest.fn(),
+        onChange: jest.fn()
+      }, "children")),
+      container = _render.container;
+
+    // Verify component rendered
+    expect(container.firstChild).toBeInTheDocument();
+    // Verify toolbar is present
+    expect(_react2.screen.getByText('---- toolbar ------')).toBeInTheDocument();
+    // Verify children are rendered
+    expect(_react2.screen.getByText('children')).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdXRpbHMiLCJyZXF1aXJlIiwiX3NsYXRlIiwiX2VkaXRvckFuZFRvb2xiYXIiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2RlYnVnIiwiX3JlYWN0MiIsImplc3QiLCJtb2NrIiwiY3JlYXRlRWxlbWVudCIsIm1vY2tJY29uQnV0dG9uIiwibG9nIiwiZGVidWciLCJkZXNjcmliZSIsIm9uRGVsZXRlIiwiY2xhc3NlcyIsImJlZm9yZUVhY2giLCJmbiIsImNsYXNzT2JqZWN0IiwiaXQiLCJ2YWx1ZSIsIlZhbHVlIiwiZnJvbUpTT04iLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldCIsIl9yZW5kZXIiLCJyZW5kZXIiLCJFZGl0b3JBbmRUb29sYmFyIiwicGx1Z2lucyIsIm9uRG9uZSIsIm9uQ2hhbmdlIiwiY29udGFpbmVyIiwiZXhwZWN0IiwiZmlyc3RDaGlsZCIsInRvQmVJblRoZURvY3VtZW50Iiwic2NyZWVuIiwiZ2V0QnlUZXh0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BsdWdpbnMvdG9vbGJhci9fX3Rlc3RzX18vZWRpdG9yLWFuZC10b29sYmFyLnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsYXNzT2JqZWN0LCBtb2NrSWNvbkJ1dHRvbiB9IGZyb20gJy4uLy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5cbmltcG9ydCB7IFZhbHVlIH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IHsgRWRpdG9yQW5kVG9vbGJhciB9IGZyb20gJy4uL2VkaXRvci1hbmQtdG9vbGJhcic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCB7IHJlbmRlciwgc2NyZWVuIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5cbmplc3QubW9jaygnLi4vdG9vbGJhcicsICgpID0+ICgpID0+IDxkaXY+LS0tLSB0b29sYmFyIC0tLS0tLSA8L2Rpdj4pO1xuXG5tb2NrSWNvbkJ1dHRvbigpO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS1saWI6ZWRpdGFibGUtaHRtbDp0ZXN0OmVkaXRvci1hbmQtdG9vbGJhcicpO1xuXG5kZXNjcmliZSgndG9vbGJhcicsICgpID0+IHtcbiAgbGV0IG9uRGVsZXRlLCBjbGFzc2VzO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIG9uRGVsZXRlID0gamVzdC5mbigpO1xuICAgIGNsYXNzZXMgPSBjbGFzc09iamVjdCgncm9vdCcsICdlZGl0b3JIb2xkZXInLCAnZWRpdG9ySW5Gb2N1cycpO1xuICB9KTtcblxuICBpdCgncmVuZGVycyBFZGl0b3JBbmRUb29sYmFyIGNvbXBvbmVudCcsICgpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IFZhbHVlLmZyb21KU09OKHt9KTtcbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydHkodmFsdWUsICdpc0ZvY3VzZWQnLCB7IGdldDogamVzdC5mbigoKSA9PiB0cnVlKSB9KTtcblxuICAgIGNvbnN0IHsgY29udGFpbmVyIH0gPSByZW5kZXIoXG4gICAgICA8RWRpdG9yQW5kVG9vbGJhciBjbGFzc2VzPXtjbGFzc2VzfSB2YWx1ZT17dmFsdWV9IHBsdWdpbnM9e1tdfSBvbkRvbmU9e2plc3QuZm4oKX0gb25DaGFuZ2U9e2plc3QuZm4oKX0+XG4gICAgICAgIGNoaWxkcmVuXG4gICAgICA8L0VkaXRvckFuZFRvb2xiYXI+LFxuICAgICk7XG5cbiAgICAvLyBWZXJpZnkgY29tcG9uZW50IHJlbmRlcmVkXG4gICAgZXhwZWN0KGNvbnRhaW5lci5maXJzdENoaWxkKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIC8vIFZlcmlmeSB0b29sYmFyIGlzIHByZXNlbnRcbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnLS0tLSB0b29sYmFyIC0tLS0tLScpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIC8vIFZlcmlmeSBjaGlsZHJlbiBhcmUgcmVuZGVyZWRcbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnY2hpbGRyZW4nKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgfSk7XG59KTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBRUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsaUJBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFLLE1BQUEsR0FBQUQsc0JBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFNLE9BQUEsR0FBQU4sT0FBQTtBQUVBTyxJQUFJLENBQUNDLElBQUksQ0FBQyxZQUFZLEVBQUU7RUFBQSxPQUFNO0lBQUEsb0JBQU1MLE1BQUEsWUFBQU0sYUFBQSxjQUFLLHNCQUF5QixDQUFDO0VBQUE7QUFBQSxFQUFDO0FBRXBFLElBQUFDLHFCQUFjLEVBQUMsQ0FBQztBQUVoQixJQUFNQyxHQUFHLEdBQUcsSUFBQUMsaUJBQUssRUFBQyxnREFBZ0QsQ0FBQztBQUVuRUMsUUFBUSxDQUFDLFNBQVMsRUFBRSxZQUFNO0VBQ3hCLElBQUlDLFFBQVEsRUFBRUMsT0FBTztFQUVyQkMsVUFBVSxDQUFDLFlBQU07SUFDZkYsUUFBUSxHQUFHUCxJQUFJLENBQUNVLEVBQUUsQ0FBQyxDQUFDO0lBQ3BCRixPQUFPLEdBQUcsSUFBQUcsa0JBQVcsRUFBQyxNQUFNLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQztFQUNoRSxDQUFDLENBQUM7RUFFRkMsRUFBRSxDQUFDLG9DQUFvQyxFQUFFLFlBQU07SUFDN0MsSUFBTUMsS0FBSyxHQUFHQyxZQUFLLENBQUNDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQ0MsTUFBTSxDQUFDQyxjQUFjLENBQUNKLEtBQUssRUFBRSxXQUFXLEVBQUU7TUFBRUssR0FBRyxFQUFFbEIsSUFBSSxDQUFDVSxFQUFFLENBQUM7UUFBQSxPQUFNLElBQUk7TUFBQTtJQUFFLENBQUMsQ0FBQztJQUV2RSxJQUFBUyxPQUFBLEdBQXNCLElBQUFDLGNBQU0sZUFDMUJ4QixNQUFBLFlBQUFNLGFBQUEsQ0FBQ1AsaUJBQUEsQ0FBQTBCLGdCQUFnQjtRQUFDYixPQUFPLEVBQUVBLE9BQVE7UUFBQ0ssS0FBSyxFQUFFQSxLQUFNO1FBQUNTLE9BQU8sRUFBRSxFQUFHO1FBQUNDLE1BQU0sRUFBRXZCLElBQUksQ0FBQ1UsRUFBRSxDQUFDLENBQUU7UUFBQ2MsUUFBUSxFQUFFeEIsSUFBSSxDQUFDVSxFQUFFLENBQUM7TUFBRSxHQUFDLFVBRXJGLENBQ3BCLENBQUM7TUFKT2UsU0FBUyxHQUFBTixPQUFBLENBQVRNLFNBQVM7O0lBTWpCO0lBQ0FDLE1BQU0sQ0FBQ0QsU0FBUyxDQUFDRSxVQUFVLENBQUMsQ0FBQ0MsaUJBQWlCLENBQUMsQ0FBQztJQUNoRDtJQUNBRixNQUFNLENBQUNHLGNBQU0sQ0FBQ0MsU0FBUyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQ0YsaUJBQWlCLENBQUMsQ0FBQztJQUNuRTtJQUNBRixNQUFNLENBQUNHLGNBQU0sQ0FBQ0MsU0FBUyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUNGLGlCQUFpQixDQUFDLENBQUM7RUFDMUQsQ0FBQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/lib/plugins/toolbar/__tests__/toolbar-buttons.test.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _utils = require("../../../__tests__/utils");
+var _toolbarButtons = require("../toolbar-buttons");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+// Mock IconButton
+jest.mock('@mui/material/IconButton', function () {
+  return function IconButton(_ref) {
+    var children = _ref.children,
+      onClick = _ref.onClick,
+      className = _ref.className;
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: onClick,
+      className: className,
+      "data-testid": "icon-button"
+    }, children);
+  };
+});
+describe('Button', function () {
+  var onClick = jest.fn();
+  beforeEach(function () {
+    onClick.mockClear();
+  });
+  it('renders with children', function () {
+    var classes = (0, _utils.classObject)('root');
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawButton, {
+      onClick: onClick,
+      classes: classes
+    }, "children"));
+    expect(_react2.screen.getByText('children')).toBeInTheDocument();
+  });
+  it('calls onClick when clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var user, classes, button;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          user = _userEvent["default"].setup();
+          classes = (0, _utils.classObject)('root');
+          (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawButton, {
+            onClick: onClick,
+            classes: classes
+          }, "children"));
+          button = _react2.screen.getByText('children');
+          _context.next = 1;
+          return user.click(button);
+        case 1:
+          expect(onClick).toHaveBeenCalled();
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});
+describe('MarkButton', function () {
+  var classes = (0, _utils.classObject)('button', 'root', 'active');
+  var onToggle = jest.fn();
+  beforeEach(function () {
+    onToggle.mockClear();
+  });
+  it('renders when not active', function () {
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: onToggle,
+      active: false,
+      classes: classes
+    }, "children"));
+    var button = _react2.screen.getByText('children');
+    expect(button).toBeInTheDocument();
+    expect(button).toHaveAttribute('aria-pressed', 'false');
+  });
+  it('renders when active', function () {
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: onToggle,
+      active: true,
+      classes: classes
+    }, "children"));
+    var button = _react2.screen.getByText('children');
+    expect(button).toBeInTheDocument();
+    expect(button).toHaveAttribute('aria-pressed', 'true');
+  });
+  it('calls onToggle when clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var user, button;
+    return _regenerator["default"].wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          user = _userEvent["default"].setup();
+          (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+            mark: 'i',
+            onToggle: onToggle,
+            active: false,
+            classes: classes
+          }, "children"));
+          button = _react2.screen.getByText('children');
+          _context2.next = 1;
+          return user.click(button);
+        case 1:
+          expect(onToggle).toHaveBeenCalled();
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdXRpbHMiLCJyZXF1aXJlIiwiX3Rvb2xiYXJCdXR0b25zIiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9yZWFjdDIiLCJfdXNlckV2ZW50IiwiamVzdCIsIm1vY2siLCJJY29uQnV0dG9uIiwiX3JlZiIsImNoaWxkcmVuIiwib25DbGljayIsImNsYXNzTmFtZSIsImNyZWF0ZUVsZW1lbnQiLCJkZXNjcmliZSIsImZuIiwiYmVmb3JlRWFjaCIsIm1vY2tDbGVhciIsIml0IiwiY2xhc3NlcyIsImNsYXNzT2JqZWN0IiwicmVuZGVyIiwiUmF3QnV0dG9uIiwiZXhwZWN0Iiwic2NyZWVuIiwiZ2V0QnlUZXh0IiwidG9CZUluVGhlRG9jdW1lbnQiLCJfYXN5bmNUb0dlbmVyYXRvcjIiLCJfcmVnZW5lcmF0b3IiLCJtYXJrIiwiX2NhbGxlZSIsInVzZXIiLCJidXR0b24iLCJ3cmFwIiwiX2NvbnRleHQiLCJwcmV2IiwibmV4dCIsInVzZXJFdmVudCIsInNldHVwIiwiY2xpY2siLCJ0b0hhdmVCZWVuQ2FsbGVkIiwic3RvcCIsIm9uVG9nZ2xlIiwiUmF3TWFya0J1dHRvbiIsImFjdGl2ZSIsInRvSGF2ZUF0dHJpYnV0ZSIsIl9jYWxsZWUyIiwiX2NvbnRleHQyIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BsdWdpbnMvdG9vbGJhci9fX3Rlc3RzX18vdG9vbGJhci1idXR0b25zLnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsYXNzT2JqZWN0IH0gZnJvbSAnLi4vLi4vLi4vX190ZXN0c19fL3V0aWxzJztcbmltcG9ydCB7IFJhd0J1dHRvbiwgUmF3TWFya0J1dHRvbiB9IGZyb20gJy4uL3Rvb2xiYXItYnV0dG9ucyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBzY3JlZW4gfSBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcbmltcG9ydCB1c2VyRXZlbnQgZnJvbSAnQHRlc3RpbmctbGlicmFyeS91c2VyLWV2ZW50JztcblxuLy8gTW9jayBJY29uQnV0dG9uXG5qZXN0Lm1vY2soJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbicsICgpID0+IHtcbiAgcmV0dXJuIGZ1bmN0aW9uIEljb25CdXR0b24oeyBjaGlsZHJlbiwgb25DbGljaywgY2xhc3NOYW1lIH0pIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvbiBvbkNsaWNrPXtvbkNsaWNrfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9XCJpY29uLWJ1dHRvblwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9O1xufSk7XG5cbmRlc2NyaWJlKCdCdXR0b24nLCAoKSA9PiB7XG4gIGNvbnN0IG9uQ2xpY2sgPSBqZXN0LmZuKCk7XG5cbiAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgb25DbGljay5tb2NrQ2xlYXIoKTtcbiAgfSk7XG5cbiAgaXQoJ3JlbmRlcnMgd2l0aCBjaGlsZHJlbicsICgpID0+IHtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ3Jvb3QnKTtcbiAgICByZW5kZXIoXG4gICAgICA8UmF3QnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzZXM9e2NsYXNzZXN9PlxuICAgICAgICBjaGlsZHJlblxuICAgICAgPC9SYXdCdXR0b24+LFxuICAgICk7XG5cbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnY2hpbGRyZW4nKSkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgfSk7XG5cbiAgaXQoJ2NhbGxzIG9uQ2xpY2sgd2hlbiBjbGlja2VkJywgYXN5bmMgKCkgPT4ge1xuICAgIGNvbnN0IHVzZXIgPSB1c2VyRXZlbnQuc2V0dXAoKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ3Jvb3QnKTtcbiAgICByZW5kZXIoXG4gICAgICA8UmF3QnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGNsYXNzZXM9e2NsYXNzZXN9PlxuICAgICAgICBjaGlsZHJlblxuICAgICAgPC9SYXdCdXR0b24+LFxuICAgICk7XG5cbiAgICBjb25zdCBidXR0b24gPSBzY3JlZW4uZ2V0QnlUZXh0KCdjaGlsZHJlbicpO1xuICAgIGF3YWl0IHVzZXIuY2xpY2soYnV0dG9uKTtcblxuICAgIGV4cGVjdChvbkNsaWNrKS50b0hhdmVCZWVuQ2FsbGVkKCk7XG4gIH0pO1xufSk7XG5cbmRlc2NyaWJlKCdNYXJrQnV0dG9uJywgKCkgPT4ge1xuICBjb25zdCBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ2J1dHRvbicsICdyb290JywgJ2FjdGl2ZScpO1xuICBjb25zdCBvblRvZ2dsZSA9IGplc3QuZm4oKTtcblxuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvblRvZ2dsZS5tb2NrQ2xlYXIoKTtcbiAgfSk7XG5cbiAgaXQoJ3JlbmRlcnMgd2hlbiBub3QgYWN0aXZlJywgKCkgPT4ge1xuICAgIHJlbmRlcihcbiAgICAgIDxSYXdNYXJrQnV0dG9uIG1hcms9eydpJ30gb25Ub2dnbGU9e29uVG9nZ2xlfSBhY3RpdmU9e2ZhbHNlfSBjbGFzc2VzPXtjbGFzc2VzfT5cbiAgICAgICAgY2hpbGRyZW5cbiAgICAgIDwvUmF3TWFya0J1dHRvbj4sXG4gICAgKTtcblxuICAgIGNvbnN0IGJ1dHRvbiA9IHNjcmVlbi5nZXRCeVRleHQoJ2NoaWxkcmVuJyk7XG4gICAgZXhwZWN0KGJ1dHRvbikudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICBleHBlY3QoYnV0dG9uKS50b0hhdmVBdHRyaWJ1dGUoJ2FyaWEtcHJlc3NlZCcsICdmYWxzZScpO1xuICB9KTtcblxuICBpdCgncmVuZGVycyB3aGVuIGFjdGl2ZScsICgpID0+IHtcbiAgICByZW5kZXIoXG4gICAgICA8UmF3TWFya0J1dHRvbiBtYXJrPXsnaSd9IG9uVG9nZ2xlPXtvblRvZ2dsZX0gYWN0aXZlPXt0cnVlfSBjbGFzc2VzPXtjbGFzc2VzfT5cbiAgICAgICAgY2hpbGRyZW5cbiAgICAgIDwvUmF3TWFya0J1dHRvbj4sXG4gICAgKTtcblxuICAgIGNvbnN0IGJ1dHRvbiA9IHNjcmVlbi5nZXRCeVRleHQoJ2NoaWxkcmVuJyk7XG4gICAgZXhwZWN0KGJ1dHRvbikudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICBleHBlY3QoYnV0dG9uKS50b0hhdmVBdHRyaWJ1dGUoJ2FyaWEtcHJlc3NlZCcsICd0cnVlJyk7XG4gIH0pO1xuXG4gIGl0KCdjYWxscyBvblRvZ2dsZSB3aGVuIGNsaWNrZWQnLCBhc3luYyAoKSA9PiB7XG4gICAgY29uc3QgdXNlciA9IHVzZXJFdmVudC5zZXR1cCgpO1xuICAgIHJlbmRlcihcbiAgICAgIDxSYXdNYXJrQnV0dG9uIG1hcms9eydpJ30gb25Ub2dnbGU9e29uVG9nZ2xlfSBhY3RpdmU9e2ZhbHNlfSBjbGFzc2VzPXtjbGFzc2VzfT5cbiAgICAgICAgY2hpbGRyZW5cbiAgICAgIDwvUmF3TWFya0J1dHRvbj4sXG4gICAgKTtcblxuICAgIGNvbnN0IGJ1dHRvbiA9IHNjcmVlbi5nZXRCeVRleHQoJ2NoaWxkcmVuJyk7XG4gICAgYXdhaXQgdXNlci5jbGljayhidXR0b24pO1xuXG4gICAgZXhwZWN0KG9uVG9nZ2xlKS50b0hhdmVCZWVuQ2FsbGVkKCk7XG4gIH0pO1xufSk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsZUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBQyxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUksT0FBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssVUFBQSxHQUFBRixzQkFBQSxDQUFBSCxPQUFBO0FBRUE7QUFDQU0sSUFBSSxDQUFDQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsWUFBTTtFQUMxQyxPQUFPLFNBQVNDLFVBQVVBLENBQUFDLElBQUEsRUFBbUM7SUFBQSxJQUFoQ0MsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7TUFBRUMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9B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

package/lib/plugins/toolbar/__tests__/toolbar.test.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _utils = require("../../../__tests__/utils");
+var _slate = require("slate");
+var _toolbar = require("../toolbar");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _excluded = ["children", "onClick", "buttonRef"];
+(0, _utils.mockMathInput)();
+jest.mock('@mui/material/IconButton', function () {
+  return function (props) {
+    var children = props.children,
+      onClick = props.onClick,
+      buttonRef = props.buttonRef,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
+      onClick: onClick
+    }, rest), children);
+  };
+});
+var node = _slate.Inline.fromJSON({
+  type: 'i'
+});
+var parentNode = _slate.Inline.fromJSON({
+  type: 'i'
+});
+var value;
+describe('toolbar', function () {
+  var onDelete, classes, document, toolbarOpts;
+  beforeEach(function () {
+    onDelete = jest.fn();
+    toolbarOpts = {
+      position: 'bottom',
+      alwaysVisible: false
+    };
+    value = _slate.Value.fromJSON({});
+    document = {
+      getClosestInline: jest.fn().mockReturnValue(node),
+      getParent: jest.fn().mockReturnValue()
+    };
+    Object.defineProperties(value, {
+      isCollapsed: {
+        get: jest.fn(function () {
+          return true;
+        })
+      },
+      startKey: {
+        get: jest.fn(function () {
+          return '1';
+        })
+      },
+      document: {
+        get: jest.fn(function () {
+          return document;
+        })
+      }
+    });
+    classes = (0, _utils.classObject)('iconRoot', 'inline', 'toolbar', 'focused', 'shared', 'inline', 'pie-toolbar');
+  });
+  test('renders custom toolbar', function () {
+    var plugins = [{
+      deleteNode: function deleteNode() {
+        return true;
+      },
+      toolbar: {
+        supports: function supports() {
+          return true;
+        },
+        customToolbar: function customToolbar() {
+          return function () {
+            return /*#__PURE__*/_react["default"].createElement("div", null, "custom toolbar content");
+          };
+        }
+      }
+    }];
+    var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+        toolbarOpts: toolbarOpts,
+        plugins: plugins,
+        classes: classes,
+        value: value,
+        onDone: jest.fn(),
+        onChange: jest.fn()
+      })),
+      container = _render.container;
+
+    // Verify the custom toolbar content is rendered
+    expect(container.firstChild).toBeInTheDocument();
+    expect(_react2.screen.getByText('custom toolbar content')).toBeInTheDocument();
+  });
+  describe('default', function () {
+    var plugins;
+    beforeEach(function () {
+      plugins = [];
+    });
+    test('renders default toolbar', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+          toolbarOpts: toolbarOpts,
+          plugins: plugins,
+          classes: classes,
+          value: value,
+          onDone: jest.fn(),
+          onChange: jest.fn()
+        })),
+        container = _render2.container;
+
+      // Verify the toolbar is rendered
+      expect(container.firstChild).toBeInTheDocument();
+
+      // The default toolbar should render the DefaultToolbar component
+      // which includes a Done button
+      expect(_react2.screen.getByLabelText('Done')).toBeInTheDocument();
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdXRpbHMiLCJyZXF1aXJlIiwiX3NsYXRlIiwiX3Rvb2xiYXIiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JlYWN0MiIsIl9leGNsdWRlZCIsIm1vY2tNYXRoSW5wdXQiLCJqZXN0IiwibW9jayIsInByb3BzIiwiY2hpbGRyZW4iLCJvbkNsaWNrIiwiYnV0dG9uUmVmIiwicmVzdCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllczIiLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMyIiwibm9kZSIsIklubGluZSIsImZyb21KU09OIiwidHlwZSIsInBhcmVudE5vZGUiLCJ2YWx1ZSIsImRlc2NyaWJlIiwib25EZWxldGUiLCJjbGFzc2VzIiwiZG9jdW1lbnQiLCJ0b29sYmFyT3B0cyIsImJlZm9yZUVhY2giLCJmbiIsInBvc2l0aW9uIiwiYWx3YXlzVmlzaWJsZSIsIlZhbHVlIiwiZ2V0Q2xvc2VzdElubGluZSIsIm1vY2tSZXR1cm5WYWx1ZSIsImdldFBhcmVudCIsIk9iamVjdCIsImRlZmluZVByb3BlcnRpZXMiLCJpc0NvbGxhcHNlZCIsImdldCIsInN0YXJ0S2V5IiwiY2xhc3NPYmplY3QiLCJ0ZXN0IiwicGx1Z2lucyIsImRlbGV0ZU5vZGUiLCJ0b29sYmFyIiwic3VwcG9ydHMiLCJjdXN0b21Ub29sYmFyIiwiX3JlbmRlciIsInJlbmRlciIsIlRvb2xiYXIiLCJvbkRvbmUiLCJvbkNoYW5nZSIsImNvbnRhaW5lciIsImV4cGVjdCIsImZpcnN0Q2hpbGQiLCJ0b0JlSW5UaGVEb2N1bWVudCIsInNjcmVlbiIsImdldEJ5VGV4dCIsIl9yZW5kZXIyIiwiZ2V0QnlMYWJlbFRleHQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGx1Z2lucy90b29sYmFyL19fdGVzdHNfXy90b29sYmFyLnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsYXNzT2JqZWN0LCBtb2NrTWF0aElucHV0IH0gZnJvbSAnLi4vLi4vLi4vX190ZXN0c19fL3V0aWxzJztcbmltcG9ydCB7IElubGluZSwgVmFsdWUgfSBmcm9tICdzbGF0ZSc7XG5pbXBvcnQgeyBUb29sYmFyIH0gZnJvbSAnLi4vdG9vbGJhcic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBzY3JlZW4gfSBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxubW9ja01hdGhJbnB1dCgpO1xuXG5qZXN0Lm1vY2soJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbicsICgpID0+IHtcbiAgcmV0dXJuIChwcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIG9uQ2xpY2ssIGJ1dHRvblJlZiwgLi4ucmVzdCB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgIDxidXR0b24gb25DbGljaz17b25DbGlja30gey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9O1xufSk7XG5cbmxldCBub2RlID0gSW5saW5lLmZyb21KU09OKHsgdHlwZTogJ2knIH0pO1xubGV0IHBhcmVudE5vZGUgPSBJbmxpbmUuZnJvbUpTT04oe1xuICB0eXBlOiAnaScsXG59KTtcbmxldCB2YWx1ZTtcblxuZGVzY3JpYmUoJ3Rvb2xiYXInLCAoKSA9PiB7XG4gIGxldCBvbkRlbGV0ZSwgY2xhc3NlcywgZG9jdW1lbnQsIHRvb2xiYXJPcHRzO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIG9uRGVsZXRlID0gamVzdC5mbigpO1xuXG4gICAgdG9vbGJhck9wdHMgPSB7XG4gICAgICBwb3NpdGlvbjogJ2JvdHRvbScsXG4gICAgICBhbHdheXNWaXNpYmxlOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgdmFsdWUgPSBWYWx1ZS5mcm9tSlNPTih7fSk7XG4gICAgZG9jdW1lbnQgPSB7XG4gICAgICBnZXRDbG9zZXN0SW5saW5lOiBqZXN0LmZuKCkubW9ja1JldHVyblZhbHVlKG5vZGUpLFxuICAgICAgZ2V0UGFyZW50OiBqZXN0LmZuKCkubW9ja1JldHVyblZhbHVlKCksXG4gICAgfTtcblxuICAgIE9iamVjdC5kZWZpbmVQcm9wZXJ0aWVzKHZhbHVlLCB7XG4gICAgICBpc0NvbGxhcHNlZDoge1xuICAgICAgICBnZXQ6IGplc3QuZm4oKCkgPT4gdHJ1ZSksXG4gICAgICB9LFxuICAgICAgc3RhcnRLZXk6IHtcbiAgICAgICAgZ2V0OiBqZXN0LmZuKCgpID0+ICcxJyksXG4gICAgICB9LFxuICAgICAgZG9jdW1lbnQ6IHtcbiAgICAgICAgZ2V0OiBqZXN0LmZuKCgpID0+IGRvY3VtZW50KSxcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ2ljb25Sb290JywgJ2lubGluZScsICd0b29sYmFyJywgJ2ZvY3VzZWQnLCAnc2hhcmVkJywgJ2lubGluZScsICdwaWUtdG9vbGJhcicpO1xuICB9KTtcblxuICB0ZXN0KCdyZW5kZXJzIGN1c3RvbSB0b29sYmFyJywgKCkgPT4ge1xuICAgIGNvbnN0IHBsdWdpbnMgPSBbXG4gICAgICB7XG4gICAgICAgIGRlbGV0ZU5vZGU6ICgpID0+IHRydWUsXG4gICAgICAgIHRvb2xiYXI6IHtcbiAgICAgICAgICBzdXBwb3J0czogKCkgPT4gdHJ1ZSxcbiAgICAgICAgICBjdXN0b21Ub29sYmFyOiAoKSA9PiAoKSA9PiA8ZGl2PmN1c3RvbSB0b29sYmFyIGNvbnRlbnQ8L2Rpdj4sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIF07XG5cbiAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKFxuICAgICAgPFRvb2xiYXJcbiAgICAgICAgdG9vbGJhck9wdHM9e3Rvb2xiYXJPcHRzfVxuICAgICAgICBwbHVnaW5zPXtwbHVnaW5zfVxuICAgICAgICBjbGFzc2VzPXtjbGFzc2VzfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uRG9uZT17amVzdC5mbigpfVxuICAgICAgICBvbkNoYW5nZT17amVzdC5mbigpfVxuICAgICAgLz4sXG4gICAgKTtcblxuICAgIC8vIFZlcmlmeSB0aGUgY3VzdG9tIHRvb2xiYXIgY29udGVudCBpcyByZW5kZXJlZFxuICAgIGV4cGVjdChjb250YWluZXIuZmlyc3RDaGlsZCkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnY3VzdG9tIHRvb2xiYXIgY29udGVudCcpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICB9KTtcblxuICBkZXNjcmliZSgnZGVmYXVsdCcsICgpID0+IHtcbiAgICBsZXQgcGx1Z2lucztcblxuICAgIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgICAgcGx1Z2lucyA9IFtdO1xuICAgIH0pO1xuXG4gICAgdGVzdCgncmVuZGVycyBkZWZhdWx0IHRvb2xiYXInLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKFxuICAgICAgICA8VG9vbGJhclxuICAgICAgICAgIHRvb2xiYXJPcHRzPXt0b29sYmFyT3B0c31cbiAgICAgICAgICBwbHVnaW5zPXtwbHVnaW5zfVxuICAgICAgICAgIGNsYXNzZXM9e2NsYXNzZXN9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG9uRG9uZT17amVzdC5mbigpfVxuICAgICAgICAgIG9uQ2hhbmdlPXtqZXN0LmZuKCl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcblxuICAgICAgLy8gVmVyaWZ5IHRoZSB0b29sYmFyIGlzIHJlbmRlcmVkXG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG5cbiAgICAgIC8vIFRoZSBkZWZhdWx0IHRvb2xiYXIgc2hvdWxkIHJlbmRlciB0aGUgRGVmYXVsdFRvb2xiYXIgY29tcG9uZW50XG4gICAgICAvLyB3aGljaCBpbmNsdWRlcyBhIERvbmUgYnV0dG9uXG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5TGFiZWxUZXh0KCdEb25lJykpLnRvQmVJblRoZURv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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "13.0.14-beta.6",
+  "version": "13.0.14-beta.8",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -16,9 +16,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/drag": "^4.0.2",
-    "@pie-lib/math-input-mathlive": "^1.1.5-beta.6",
+    "@pie-lib/math-input-mathlive": "^1.1.5-beta.8",
     "@pie-lib/math-rendering": "^5.0.2",
-    "@pie-lib/math-toolbar": "^3.0.11-beta.6",
+    "@pie-lib/math-toolbar": "^3.0.11-beta.8",
     "@pie-lib/render-ui": "^6.1.0",
     "change-case": "^3.0.2",
     "classnames": "^2.2.6",