@pie-lib/charting 7.0.13 → 7.1.0-beta

package/lib/__tests__/mark-label.test.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _testUtils = require("@pie-lib/test-utils");
+var _markLabel = require("../mark-label");
+var _utils = require("./utils");
+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; }
+describe('MarkLabel', function () {
+  var onChange = jest.fn();
+  var renderComponent = function renderComponent(extras) {
+    var defaults = {
+      classes: {},
+      defineChart: false,
+      className: 'className',
+      onChange: onChange,
+      mark: {
+        x: 1,
+        y: 1
+      },
+      graphProps: (0, _utils.graphProps)(0, 10, 0, 10)
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_markLabel.MarkLabel, props));
+  };
+  describe('rendering', function () {
+    it('renders mark label', function () {
+      var _renderComponent = renderComponent(),
+        container = _renderComponent.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('renders mark label at different positions', function () {
+      var _renderComponent2 = renderComponent({
+          mark: {
+            x: 10,
+            y: 10
+          }
+        }),
+        container = _renderComponent2.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+});
+//# sourceMappingURL=mark-label.test.js.map

package/lib/__tests__/mark-label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-label.test.js","names":["_react","_interopRequireDefault","require","_testUtils","_markLabel","_utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","describe","onChange","jest","fn","renderComponent","extras","defaults","classes","defineChart","className","mark","x","y","graphProps","getGraphProps","props","render","createElement","MarkLabel","it","_renderComponent","container","expect","firstChild","toBeInTheDocument","_renderComponent2"],"sources":["../../src/__tests__/mark-label.test.jsx"],"sourcesContent":["import React from 'react';\nimport { render } from '@pie-lib/test-utils';\nimport { MarkLabel } from '../mark-label';\nimport { graphProps as getGraphProps } from './utils';\n\ndescribe('MarkLabel', () => {\n  let onChange = jest.fn();\n\n  const renderComponent = (extras) => {\n    const defaults = {\n      classes: {},\n      defineChart: false,\n      className: 'className',\n      onChange,\n      mark: { x: 1, y: 1 },\n      graphProps: getGraphProps(0, 10, 0, 10),\n    };\n    const props = { ...defaults, ...extras };\n    return render(<MarkLabel {...props} />);\n  };\n\n  describe('rendering', () => {\n    it('renders mark label', () => {\n      const { container } = renderComponent();\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('renders mark label at different positions', () => {\n      const { container } = renderComponent({ mark: { x: 10, y: 10 } });\n      expect(container.firstChild).toBeInTheDocument();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/__tests__/tool-menu.test.js

@@ -0,0 +1,627 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _styles = require("@mui/material/styles");
+var _toolMenu = require("../tool-menu");
+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('@pie-lib/translator', function () {
+  return {
+    __esModule: true,
+    "default": {
+      translator: {
+        t: jest.fn(function (key, options) {
+          var translations = {
+            'charting.addCategory': 'Add Category'
+          };
+          return translations[key] || key;
+        })
+      }
+    }
+  };
+});
+jest.mock('@pie-lib/render-ui', function () {
+  return {
+    color: {
+      text: function text() {
+        return '#000000';
+      },
+      secondary: function secondary() {
+        return '#cccccc';
+      },
+      background: function background() {
+        return '#ffffff';
+      },
+      primary: function primary() {
+        return '#0000ff';
+      },
+      primaryDark: function primaryDark() {
+        return '#000080';
+      },
+      disabled: function disabled() {
+        return '#f0f0f0';
+      }
+    }
+  };
+});
+var theme;
+beforeAll(function () {
+  theme = (0, _styles.createTheme)();
+});
+describe('MiniButton', function () {
+  var onClick = jest.fn();
+  beforeEach(function () {
+    jest.clearAllMocks();
+  });
+  var renderComponent = function renderComponent() {
+    var extras = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var defaults = {
+      value: 'Test Button',
+      onClick: onClick,
+      disabled: false,
+      selected: false
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/_react["default"].createElement(_toolMenu.MiniButton, props)));
+  };
+  describe('rendering', function () {
+    it('should render with value text', function () {
+      var _renderComponent = renderComponent({
+          value: 'Click Me'
+        }),
+        getByText = _renderComponent.getByText;
+      expect(getByText('Click Me')).toBeInTheDocument();
+    });
+    it('should render as a button element', function () {
+      var _renderComponent2 = renderComponent(),
+        getByRole = _renderComponent2.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should have correct button attributes', function () {
+      var _renderComponent3 = renderComponent({
+          value: 'Test'
+        }),
+        getByRole = _renderComponent3.getByRole;
+      var button = getByRole('button');
+      expect(button).toHaveAttribute('value', 'Test');
+    });
+    it('should render with variant outlined', function () {
+      var _renderComponent4 = renderComponent(),
+        getByRole = _renderComponent4.getByRole;
+      var button = getByRole('button');
+      expect(button).toHaveClass('MuiButton-outlined');
+    });
+    it('should render with size small', function () {
+      var _renderComponent5 = renderComponent(),
+        getByRole = _renderComponent5.getByRole;
+      var button = getByRole('button');
+      expect(button).toHaveClass('MuiButton-sizeSmall');
+    });
+  });
+  describe('disabled state', function () {
+    it('should render as disabled when disabled prop is true', function () {
+      var _renderComponent6 = renderComponent({
+          disabled: true
+        }),
+        getByRole = _renderComponent6.getByRole;
+      expect(getByRole('button')).toBeDisabled();
+    });
+    it('should not render as disabled when disabled prop is false', function () {
+      var _renderComponent7 = renderComponent({
+          disabled: false
+        }),
+        getByRole = _renderComponent7.getByRole;
+      expect(getByRole('button')).not.toBeDisabled();
+    });
+    it('should not trigger onClick when disabled', function () {
+      var _renderComponent8 = renderComponent({
+          disabled: true
+        }),
+        getByRole = _renderComponent8.getByRole;
+      _react2.fireEvent.click(getByRole('button'));
+      expect(onClick).not.toHaveBeenCalled();
+    });
+  });
+  describe('selected state', function () {
+    it('should apply selected styling when selected is true', function () {
+      var _renderComponent9 = renderComponent({
+          selected: true
+        }),
+        getByRole = _renderComponent9.getByRole;
+      var button = getByRole('button');
+      expect(button.className).toContain('MuiButton-colorSecondary');
+    });
+    it('should apply default color when selected is false', function () {
+      var _renderComponent0 = renderComponent({
+          selected: false
+        }),
+        getByRole = _renderComponent0.getByRole;
+      var button = getByRole('button');
+      expect(button.className).toContain('MuiButton-colorDefault');
+    });
+    it('should render correctly with both selected and disabled', function () {
+      var _renderComponent1 = renderComponent({
+          selected: true,
+          disabled: true
+        }),
+        getByRole = _renderComponent1.getByRole;
+      var button = getByRole('button');
+      expect(button).toBeDisabled();
+      expect(button.className).toContain('MuiButton-colorSecondary');
+    });
+  });
+  describe('interactions', function () {
+    it('should call onClick when clicked', function () {
+      var _renderComponent10 = renderComponent(),
+        getByRole = _renderComponent10.getByRole;
+      _react2.fireEvent.click(getByRole('button'));
+      expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it('should call onClick with correct event when clicked', function () {
+      var _renderComponent11 = renderComponent(),
+        getByRole = _renderComponent11.getByRole;
+      var button = getByRole('button');
+      _react2.fireEvent.click(button);
+      expect(onClick).toHaveBeenCalled();
+      expect(onClick.mock.calls[0][0]).toBeTruthy();
+    });
+    it('should handle multiple clicks', function () {
+      var _renderComponent12 = renderComponent(),
+        getByRole = _renderComponent12.getByRole;
+      var button = getByRole('button');
+      _react2.fireEvent.click(button);
+      _react2.fireEvent.click(button);
+      _react2.fireEvent.click(button);
+      expect(onClick).toHaveBeenCalledTimes(3);
+    });
+    it('should handle rapid clicks', function () {
+      var _renderComponent13 = renderComponent(),
+        getByRole = _renderComponent13.getByRole;
+      var button = getByRole('button');
+      for (var i = 0; i < 10; i++) {
+        _react2.fireEvent.click(button);
+      }
+      expect(onClick).toHaveBeenCalledTimes(10);
+    });
+  });
+  describe('edge cases', function () {
+    it('should render with empty string value', function () {
+      var _renderComponent14 = renderComponent({
+          value: ''
+        }),
+        getByRole = _renderComponent14.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should render with undefined onClick', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.MiniButton, {
+          value: "Test",
+          onClick: undefined
+        }))),
+        getByRole = _render.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should render with null onClick', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.MiniButton, {
+          value: "Test",
+          onClick: null
+        }))),
+        getByRole = _render2.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should render with very long value text', function () {
+      var longText = 'This is a very long button text that might cause layout issues';
+      var _renderComponent15 = renderComponent({
+          value: longText
+        }),
+        getByText = _renderComponent15.getByText;
+      expect(getByText(longText)).toBeInTheDocument();
+    });
+    it('should render with special characters in value', function () {
+      var specialText = 'Test <>&"\'';
+      var _renderComponent16 = renderComponent({
+          value: specialText
+        }),
+        getByText = _renderComponent16.getByText;
+      expect(getByText(specialText)).toBeInTheDocument();
+    });
+    it('should render with unicode characters in value', function () {
+      var unicodeText = 'Test 你好 🎉';
+      var _renderComponent17 = renderComponent({
+          value: unicodeText
+        }),
+        getByText = _renderComponent17.getByText;
+      expect(getByText(unicodeText)).toBeInTheDocument();
+    });
+  });
+  describe('className prop', function () {
+    it('should accept className prop without error', function () {
+      var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.MiniButton, {
+          value: "Test",
+          onClick: onClick,
+          className: "custom-class"
+        }))),
+        getByRole = _render3.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+  });
+});
+describe('ToolMenu', function () {
+  var addCategory = jest.fn();
+  beforeEach(function () {
+    jest.clearAllMocks();
+  });
+  var renderComponent = function renderComponent() {
+    var extras = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var defaults = {
+      addCategory: addCategory,
+      disabled: false,
+      language: 'en'
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, props)));
+  };
+  describe('rendering', function () {
+    it('should render without crashing', function () {
+      var _renderComponent18 = renderComponent(),
+        container = _renderComponent18.container;
+      expect(container).toBeInTheDocument();
+    });
+    it('should render a div container', function () {
+      var _renderComponent19 = renderComponent(),
+        container = _renderComponent19.container;
+      expect(container.firstChild).toBeInstanceOf(HTMLDivElement);
+    });
+    it('should render MiniButton when not disabled', function () {
+      var _renderComponent20 = renderComponent({
+          disabled: false
+        }),
+        getByRole = _renderComponent20.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should not render MiniButton when disabled', function () {
+      var _renderComponent21 = renderComponent({
+          disabled: true
+        }),
+        queryByRole = _renderComponent21.queryByRole;
+      expect(queryByRole('button')).not.toBeInTheDocument();
+    });
+    it('should render translated button text', function () {
+      var _renderComponent22 = renderComponent(),
+        getByText = _renderComponent22.getByText;
+      expect(getByText('Add Category')).toBeInTheDocument();
+    });
+    it('should use language prop for translation', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      var _renderComponent23 = renderComponent({
+          language: 'es'
+        }),
+        getByRole = _renderComponent23.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: 'es'
+      });
+    });
+  });
+  describe('className prop', function () {
+    it('should apply custom className to container', function () {
+      var _renderComponent24 = renderComponent({
+          className: 'custom-tool-menu'
+        }),
+        container = _renderComponent24.container;
+      expect(container.firstChild).toHaveClass('custom-tool-menu');
+    });
+    it('should render without className', function () {
+      var _renderComponent25 = renderComponent({
+          className: undefined
+        }),
+        container = _renderComponent25.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('should handle empty string className', function () {
+      var _renderComponent26 = renderComponent({
+          className: ''
+        }),
+        container = _renderComponent26.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+  describe('disabled state', function () {
+    it('should hide button when disabled is true', function () {
+      var _renderComponent27 = renderComponent({
+          disabled: true
+        }),
+        queryByRole = _renderComponent27.queryByRole;
+      expect(queryByRole('button')).not.toBeInTheDocument();
+    });
+    it('should show button when disabled is false', function () {
+      var _renderComponent28 = renderComponent({
+          disabled: false
+        }),
+        getByRole = _renderComponent28.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should show button when disabled is undefined', function () {
+      var _renderComponent29 = renderComponent({
+          disabled: undefined
+        }),
+        getByRole = _renderComponent29.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should hide button when disabled is explicitly true', function () {
+      var _renderComponent30 = renderComponent({
+          disabled: true
+        }),
+        queryByRole = _renderComponent30.queryByRole;
+      expect(queryByRole('button')).toBeNull();
+    });
+  });
+  describe('addCategory functionality', function () {
+    it('should call addCategory when button is clicked', function () {
+      var _renderComponent31 = renderComponent(),
+        getByRole = _renderComponent31.getByRole;
+      _react2.fireEvent.click(getByRole('button'));
+      expect(addCategory).toHaveBeenCalledTimes(1);
+    });
+    it('should not call addCategory when disabled', function () {
+      var _renderComponent32 = renderComponent({
+          disabled: true
+        }),
+        queryByRole = _renderComponent32.queryByRole;
+      expect(queryByRole('button')).not.toBeInTheDocument();
+      expect(addCategory).not.toHaveBeenCalled();
+    });
+    it('should handle multiple clicks on add category button', function () {
+      var _renderComponent33 = renderComponent(),
+        getByRole = _renderComponent33.getByRole;
+      var button = getByRole('button');
+      _react2.fireEvent.click(button);
+      _react2.fireEvent.click(button);
+      _react2.fireEvent.click(button);
+      expect(addCategory).toHaveBeenCalledTimes(3);
+    });
+    it('should render with undefined addCategory without crashing', function () {
+      var _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+          addCategory: undefined,
+          language: "en"
+        }))),
+        container = _render4.container;
+      expect(container).toBeInTheDocument();
+    });
+  });
+  describe('language prop', function () {
+    it('should pass language to translator', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      renderComponent({
+        language: 'fr'
+      });
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: 'fr'
+      });
+    });
+    it('should handle default english language', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      renderComponent({
+        language: 'en'
+      });
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: 'en'
+      });
+    });
+    it('should handle undefined language', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      renderComponent({
+        language: undefined
+      });
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: undefined
+      });
+    });
+    it('should handle empty string language', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      renderComponent({
+        language: ''
+      });
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: ''
+      });
+    });
+    it('should handle non-standard language codes', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      renderComponent({
+        language: 'zh-CN'
+      });
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: 'zh-CN'
+      });
+    });
+  });
+  describe('edge cases', function () {
+    it('should render with all props undefined', function () {
+      var _render5 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, null))),
+        container = _render5.container;
+      expect(container).toBeInTheDocument();
+    });
+    it('should render with null props', function () {
+      var _render6 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+          addCategory: null,
+          disabled: null,
+          language: null
+        }))),
+        container = _render6.container;
+      expect(container).toBeInTheDocument();
+    });
+    it('should handle component unmounting', function () {
+      var _renderComponent34 = renderComponent(),
+        unmount = _renderComponent34.unmount;
+      expect(function () {
+        return unmount();
+      }).not.toThrow();
+    });
+    it('should handle re-rendering with different props', function () {
+      var _renderComponent35 = renderComponent({
+          disabled: false
+        }),
+        rerender = _renderComponent35.rerender,
+        getByRole = _renderComponent35.getByRole,
+        queryByRole = _renderComponent35.queryByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+      rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+        addCategory: addCategory,
+        disabled: true,
+        language: "en"
+      })));
+      expect(queryByRole('button')).not.toBeInTheDocument();
+      rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+        addCategory: addCategory,
+        disabled: false,
+        language: "es"
+      })));
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should handle rapid prop changes', function () {
+      var _renderComponent36 = renderComponent({
+          disabled: false
+        }),
+        rerender = _renderComponent36.rerender,
+        getByRole = _renderComponent36.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+      for (var i = 0; i < 10; i++) {
+        rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+          addCategory: addCategory,
+          disabled: i % 2 === 0,
+          language: "en"
+        })));
+      }
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+  });
+  describe('component lifecycle', function () {
+    it('should render as class component', function () {
+      var _renderComponent37 = renderComponent(),
+        container = _renderComponent37.container;
+      expect(container).toBeInTheDocument();
+    });
+    it('should handle updates correctly', function () {
+      var _renderComponent38 = renderComponent({
+          language: 'en'
+        }),
+        rerender = _renderComponent38.rerender,
+        getByRole = _renderComponent38.getByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+      rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+        addCategory: addCategory,
+        disabled: false,
+        language: "fr"
+      })));
+      expect(getByRole('button')).toBeInTheDocument();
+    });
+    it('should cleanup properly on unmount', function () {
+      var _renderComponent39 = renderComponent(),
+        unmount = _renderComponent39.unmount;
+      expect(function () {
+        return unmount();
+      }).not.toThrow();
+    });
+  });
+  describe('accessibility', function () {
+    it('should have accessible button element', function () {
+      var _renderComponent40 = renderComponent(),
+        getByRole = _renderComponent40.getByRole;
+      var button = getByRole('button');
+      expect(button).toBeInTheDocument();
+    });
+    it('should have button with text content', function () {
+      var _renderComponent41 = renderComponent(),
+        getByRole = _renderComponent41.getByRole;
+      var button = getByRole('button');
+      expect(button).toHaveTextContent('Add Category');
+    });
+    it('should maintain button accessibility when enabled', function () {
+      var _renderComponent42 = renderComponent({
+          disabled: false
+        }),
+        getByRole = _renderComponent42.getByRole;
+      var button = getByRole('button');
+      expect(button).not.toBeDisabled();
+      expect(button).toHaveTextContent('Add Category');
+    });
+  });
+  describe('integration', function () {
+    it('should work correctly with all props provided', function () {
+      var customAddCategory = jest.fn();
+      var _renderComponent43 = renderComponent({
+          addCategory: customAddCategory,
+          disabled: false,
+          language: 'de',
+          className: 'test-class'
+        }),
+        getByRole = _renderComponent43.getByRole;
+      var button = getByRole('button');
+      expect(button).toBeInTheDocument();
+      _react2.fireEvent.click(button);
+      expect(customAddCategory).toHaveBeenCalledTimes(1);
+    });
+    it('should toggle between enabled and disabled states', function () {
+      var _renderComponent44 = renderComponent({
+          disabled: false
+        }),
+        rerender = _renderComponent44.rerender,
+        getByRole = _renderComponent44.getByRole,
+        queryByRole = _renderComponent44.queryByRole;
+      expect(getByRole('button')).toBeInTheDocument();
+      rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+        addCategory: addCategory,
+        disabled: true,
+        language: "en"
+      })));
+      expect(queryByRole('button')).not.toBeInTheDocument();
+    });
+    it('should handle language switching', function () {
+      var Translator = require('@pie-lib/translator')["default"];
+      var _renderComponent45 = renderComponent({
+          language: 'en'
+        }),
+        rerender = _renderComponent45.rerender;
+      rerender(/*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/_react["default"].createElement(_toolMenu.ToolMenu, {
+        addCategory: addCategory,
+        disabled: false,
+        language: "es"
+      })));
+      expect(Translator.translator.t).toHaveBeenCalledWith('charting.addCategory', {
+        lng: 'es'
+      });
+    });
+  });
+});
+//# sourceMappingURL=tool-menu.test.js.map