@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapTab/tests/CapTab.test.js

@@ -1,1168 +0,0 @@
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import CapTab from "../index";
-import { basicPanes, panesWithoutKeys, panesWithDisabled, emptyPanes, singlePane, tabTypes, tabSizes, tabPlacements, deprecatedTabPositions, animationConfigs, createPanesWithNumericKeys } from "./CapTab.mockData";
-
-// Mock console.warn for deprecation tests
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var originalWarn = console.warn;
-beforeEach(() => {
-  console.warn = jest.fn();
-});
-afterEach(() => {
-  console.warn = originalWarn;
-});
-
-// Reusable helper for rendering with props
-var renderWithProps = function renderWithProps(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  return render(/*#__PURE__*/_jsx(CapTab, _extends({
-    panes: basicPanes
-  }, props)));
-};
-describe('CapTab - Default Rendering and Initialization', () => {
-  it('renders tabs with panes', () => {
-    renderWithProps();
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-    expect(screen.getByText('Tab 3')).toBeInTheDocument();
-  });
-  it('renders tab content for active tab', () => {
-    renderWithProps();
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  });
-  it('renders with line type by default', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelector('.ant-tabs');
-    expect(tabs).toBeInTheDocument();
-  });
-  it('renders empty tabs without errors', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: emptyPanes
-    });
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it('renders single tab', () => {
-    renderWithProps({
-      panes: singlePane
-    });
-    expect(screen.getByText('Single Tab')).toBeInTheDocument();
-    expect(screen.getByText('Single Content')).toBeInTheDocument();
-  });
-  it('renders multiple tabs correctly', () => {
-    var manyPanes = createPanesWithNumericKeys(10);
-    renderWithProps({
-      panes: manyPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 10')).toBeInTheDocument();
-  });
-  it('renders with default size when not specified', () => {
-    renderWithProps();
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('renders wrapper divs with correct classes', () => {
-    var {
-      container
-    } = renderWithProps();
-    var wrapper = container.querySelector('.cap-tab-wrapper');
-    expect(wrapper).toBeInTheDocument();
-  });
-  it('renders inner wrapper with correct classes', () => {
-    var {
-      container
-    } = renderWithProps();
-    var innerWrapper = container.querySelector('.cap-tab-v2-wrapper');
-    expect(innerWrapper).toBeInTheDocument();
-  });
-  it('renders Ant Design Tabs component', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelector('.ant-tabs');
-    expect(tabs).toBeInTheDocument();
-  });
-  it('applies cap-tab-v2 class to Tabs component', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelector('.cap-tab-v2');
-    expect(tabs).toBeInTheDocument();
-  });
-});
-describe('CapTab - Prop Variations', () => {
-  it.each(tabTypes)('renders %s type tabs', type => {
-    renderWithProps({
-      type
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each(tabSizes)('renders %s size tabs', size => {
-    renderWithProps({
-      size
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each(tabPlacements)('renders tabs with %s placement', placement => {
-    renderWithProps({
-      tabPlacement: placement
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each(deprecatedTabPositions)('renders tabs with deprecated %s position', position => {
-    renderWithProps({
-      tabPosition: position
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each(animationConfigs)('renders with animated=%s', animated => {
-    renderWithProps({
-      animated
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('applies custom className', () => {
-    var {
-      container
-    } = renderWithProps({
-      className: 'custom-class'
-    });
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it('handles defaultActiveKey prop', () => {
-    renderWithProps({
-      defaultActiveKey: '2'
-    });
-    expect(screen.getByText('Content 2')).toBeInTheDocument();
-  });
-  it('handles activeKey prop (controlled)', () => {
-    renderWithProps({
-      activeKey: '3'
-    });
-    expect(screen.getByText('Content 3')).toBeInTheDocument();
-  });
-  it('renders panes without explicit keys', () => {
-    renderWithProps({
-      panes: panesWithoutKeys
-    });
-    expect(screen.getByText('Tab A')).toBeInTheDocument();
-    expect(screen.getByText('Tab B')).toBeInTheDocument();
-  });
-  it('renders disabled tabs', () => {
-    renderWithProps({
-      panes: panesWithDisabled
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-    expect(screen.getByText('Tab 3')).toBeInTheDocument();
-  });
-  it.each([['card', 'card type'], ['line', 'line type']])('handles default animation for %s', type => {
-    renderWithProps({
-      type: type
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each([['left', 'start'], ['right', 'end'], ['top', 'top'], ['bottom', 'bottom']])('maps deprecated tabPosition %s correctly', position => {
-    renderWithProps({
-      tabPosition: position
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('prioritizes tabPlacement over tabPosition', () => {
-    renderWithProps({
-      tabPlacement: 'start',
-      tabPosition: 'right'
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-});
-describe('CapTab - User Interactions', () => {
-  it.each([['Tab 2', 'Content 2'], ['Tab 3', 'Content 3']])('switches to %s on click', /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (tabText, expectedContent) {
-      var user = userEvent.setup();
-      renderWithProps();
-      yield user.click(screen.getByText(tabText));
-      yield waitFor(() => {
-        expect(screen.getByText(expectedContent)).toBeInTheDocument();
-      });
-    });
-    return function (_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }());
-  it('does not switch when disabled tab is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps({
-      panes: panesWithDisabled
-    });
-    var disabledTab = screen.getByText('Tab 2');
-    yield user.click(disabledTab);
-
-    // Content should remain from first tab
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  }));
-  it('handles multiple rapid tab clicks', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    yield user.click(screen.getByText('Tab 2'));
-    yield user.click(screen.getByText('Tab 3'));
-    yield user.click(screen.getByText('Tab 1'));
-    yield waitFor(() => {
-      expect(screen.getByText('Content 1')).toBeInTheDocument();
-    });
-  }));
-  it('handles hover interaction', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    var tab2 = screen.getByText('Tab 2');
-    yield user.hover(tab2);
-    expect(tab2).toBeInTheDocument();
-  }));
-  it('handles focus blur cycle', /*#__PURE__*/_asyncToGenerator(function* () {
-    renderWithProps();
-    var tab1 = screen.getByText('Tab 1');
-    tab1.focus();
-    expect(document.activeElement).toBe(tab1);
-    tab1.blur();
-    expect(document.activeElement).not.toBe(tab1);
-  }));
-});
-describe('CapTab - Callbacks and Event Handlers', () => {
-  it('calls onChange when tab is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleChange = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      onChange: handleChange
-    });
-    var tab2 = screen.getByText('Tab 2');
-    yield user.click(tab2);
-    yield waitFor(() => {
-      expect(handleChange).toHaveBeenCalledWith('2');
-    });
-  }));
-  it('does not call onChange when disabled tab is clicked', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleChange = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      panes: panesWithDisabled,
-      onChange: handleChange
-    });
-    var disabledTab = screen.getByText('Tab 2');
-    yield user.click(disabledTab);
-    expect(handleChange).not.toHaveBeenCalled();
-  }));
-  it('handles onEdit callback for editable-card type', () => {
-    var handleEdit = jest.fn();
-    renderWithProps({
-      type: 'editable-card',
-      onEdit: handleEdit
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each([[true, 'controlled'], [false, 'uncontrolled']])('handles %s mode', /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator(function* (controlled) {
-      var TestComponent = controlled ? () => {
-        var [activeKey, setActiveKey] = React.useState('1');
-        return /*#__PURE__*/_jsx(CapTab, {
-          panes: basicPanes,
-          activeKey: activeKey,
-          onChange: setActiveKey
-        });
-      } : undefined;
-      var user = userEvent.setup();
-      if (controlled && TestComponent) {
-        render(/*#__PURE__*/_jsx(TestComponent, {}));
-      } else {
-        renderWithProps();
-      }
-      yield user.click(screen.getByText('Tab 2'));
-      yield waitFor(() => {
-        expect(screen.getByText('Content 2')).toBeInTheDocument();
-      });
-    });
-    return function (_x3) {
-      return _ref8.apply(this, arguments);
-    };
-  }());
-  it('does not call onChange when clicking already active tab', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleChange = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      onChange: handleChange
-    });
-    yield user.click(screen.getByText('Tab 1'));
-
-    // onChange may or may not be called for same tab, depending on Ant Design behavior
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  }));
-  it('calls onChange with correct key when switching between tabs multiple times', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleChange = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      onChange: handleChange
-    });
-    yield user.click(screen.getByText('Tab 2'));
-    yield user.click(screen.getByText('Tab 3'));
-    yield user.click(screen.getByText('Tab 1'));
-    yield waitFor(() => {
-      expect(handleChange).toHaveBeenCalledWith('2');
-      expect(handleChange).toHaveBeenCalledWith('3');
-      expect(handleChange).toHaveBeenCalledWith('1');
-    });
-  }));
-  it('handles onTabClick callback', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleTabClick = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      onTabClick: handleTabClick
-    });
-    yield user.click(screen.getByText('Tab 2'));
-    yield waitFor(() => {
-      expect(handleTabClick).toHaveBeenCalled();
-    });
-  }));
-  it('handles onTabScroll callback', () => {
-    var handleTabScroll = jest.fn();
-    renderWithProps({
-      onTabScroll: handleTabScroll
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-});
-describe('CapTab - Edge Cases', () => {
-  it('handles empty panes array', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: emptyPanes
-    });
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it.each([[{
-    key: '1',
-    content: 'Content 1'
-  }, 'Content 1'], [{
-    key: '1',
-    tab: 'Tab 1'
-  }, 'Tab 1'], [{
-    key: '1',
-    tab: 123,
-    content: 'Content'
-  }, '123'], [{
-    key: '1',
-    tab: 'Tab',
-    content: 456
-  }, '456']])('handles panes with missing or numeric properties', (pane, expectedText) => {
-    renderWithProps({
-      panes: [pane]
-    });
-    expect(screen.getByText(String(expectedText))).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode tab labels', () => {
-    var panesWithReactNode = [{
-      key: '1',
-      tab: /*#__PURE__*/_jsx("span", {
-        children: "React Tab"
-      }),
-      content: 'Content 1'
-    }, {
-      key: '2',
-      tab: /*#__PURE__*/_jsx("div", {
-        children: "Another Tab"
-      }),
-      content: 'Content 2'
-    }];
-    renderWithProps({
-      panes: panesWithReactNode
-    });
-    expect(screen.getByText('React Tab')).toBeInTheDocument();
-    expect(screen.getByText('Another Tab')).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode content', () => {
-    var panesWithReactContent = [{
-      key: '1',
-      tab: 'Tab 1',
-      content: /*#__PURE__*/_jsx("div", {
-        children: "React Content"
-      })
-    }];
-    renderWithProps({
-      panes: panesWithReactContent
-    });
-    expect(screen.getByText('React Content')).toBeInTheDocument();
-  });
-  it('handles panes without tab or content (fallback key generation)', () => {
-    var panesMinimal = [{
-      key: '1'
-    }, {
-      key: '2'
-    }];
-    renderWithProps({
-      panes: panesMinimal
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it('handles panes with complex ReactNode children', () => {
-    var panesComplex = [{
-      key: '1',
-      tab: /*#__PURE__*/_jsxs("span", {
-        children: ["Tab ", /*#__PURE__*/_jsx("strong", {
-          children: "1"
-        })]
-      }),
-      content: /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx("p", {
-          children: "Content"
-        }), /*#__PURE__*/_jsx("span", {
-          children: "More"
-        })]
-      })
-    }];
-    renderWithProps({
-      panes: panesComplex
-    });
-    expect(screen.getByText('Tab')).toBeInTheDocument();
-    expect(screen.getByText('Content')).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode tab containing numeric children', () => {
-    var panesNumericChildren = [{
-      tab: /*#__PURE__*/_jsx("span", {
-        children: 123
-      }),
-      content: 'Content'
-    }, {
-      tab: /*#__PURE__*/_jsx("div", {
-        children: 456
-      }),
-      content: 'Content 2'
-    }];
-    renderWithProps({
-      panes: panesNumericChildren
-    });
-    expect(screen.getByText('123')).toBeInTheDocument();
-    expect(screen.getByText('456')).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode tab containing nested elements', () => {
-    var panesNested = [{
-      tab: /*#__PURE__*/_jsxs("span", {
-        children: [/*#__PURE__*/_jsx("em", {
-          children: "Nested"
-        }), " Tab"]
-      }),
-      content: 'Content'
-    }];
-    renderWithProps({
-      panes: panesNested
-    });
-    expect(screen.getByText('Nested')).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode tab but no content (fallback key from tab)', () => {
-    var panesTabOnly = [{
-      tab: /*#__PURE__*/_jsx("span", {
-        children: "Tab Only"
-      })
-    }];
-    renderWithProps({
-      panes: panesTabOnly
-    });
-    expect(screen.getByText('Tab Only')).toBeInTheDocument();
-  });
-  it('handles panes with ReactNode content but no tab (fallback key from content)', () => {
-    var panesContentOnly = [{
-      content: /*#__PURE__*/_jsx("div", {
-        children: "Content Only"
-      })
-    }];
-    renderWithProps({
-      panes: panesContentOnly
-    });
-    expect(screen.getByText('Content Only')).toBeInTheDocument();
-  });
-  it.each([['A'.repeat(50), 'tab', 'very long tab strings'], ['B'.repeat(50), 'content', 'very long content strings'], ['C'.repeat(100), 'tab', 'very long tab labels']])('handles panes with %s', (longString, prop) => {
-    var pane = prop === 'tab' ? {
-      key: '1',
-      tab: longString,
-      content: 'Content'
-    } : {
-      key: '1',
-      tab: 'Tab',
-      content: longString
-    };
-    renderWithProps({
-      panes: [pane]
-    });
-    expect(screen.getByText(longString)).toBeInTheDocument();
-  });
-  it.each([[{
-    tab: /*#__PURE__*/_jsx("span", {
-      children: undefined
-    }),
-    content: 'Content'
-  }, 'undefined children'], [{
-    tab: /*#__PURE__*/_jsx("span", {
-      children: null
-    }),
-    content: 'Content'
-  }, 'null children'], [{
-    tab: /*#__PURE__*/_jsx("span", {
-      children: ['Tab', ' ', 'Text']
-    }),
-    content: 'Content'
-  }, 'array children'], [{
-    tab: 'Tab',
-    content: /*#__PURE__*/_jsx("div", {
-      children: ['Content', ' ', 'Text']
-    })
-  }, 'content with array children']])('handles panes with ReactNode having %s', pane => {
-    renderWithProps({
-      panes: [pane]
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it('generates fallback keys when both tab and content are ReactNodes without string children', () => {
-    var panesComplex = [{
-      tab: /*#__PURE__*/_jsx("span", {
-        children: /*#__PURE__*/_jsx("div", {
-          children: "Complex"
-        })
-      }),
-      content: /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsx("span", {
-          children: "Nested"
-        })
-      })
-    }];
-    renderWithProps({
-      panes: panesComplex
-    });
-    expect(screen.getByText('Complex')).toBeInTheDocument();
-  });
-  it('generates fallback keys for ReactNode without children prop', () => {
-    var panesNoChildren = [{
-      tab: /*#__PURE__*/_jsx("span", {}),
-      content: 'Content'
-    }];
-    renderWithProps({
-      panes: panesNoChildren
-    });
-    expect(screen.getByText('Content')).toBeInTheDocument();
-  });
-  it('generates fallback keys using index when tab and content are both missing', () => {
-    var panesMinimal = [{}, {}];
-    renderWithProps({
-      panes: panesMinimal
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it('handles panes with duplicate keys', () => {
-    var duplicateKeyPanes = [{
-      key: '1',
-      tab: 'Tab 1',
-      content: 'Content 1'
-    }, {
-      key: '1',
-      tab: 'Tab 2',
-      content: 'Content 2'
-    }];
-    renderWithProps({
-      panes: duplicateKeyPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-  });
-  it.each([undefined, null])('handles className=%s gracefully', className => {
-    renderWithProps({
-      className: className
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles undefined animated prop', () => {
-    renderWithProps({
-      animated: undefined
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles panes with empty string tab', () => {
-    var panesEmptyTab = [{
-      key: '1',
-      tab: '',
-      content: 'Content'
-    }];
-    renderWithProps({
-      panes: panesEmptyTab
-    });
-    expect(screen.getByText('Content')).toBeInTheDocument();
-  });
-  it('handles panes with empty string content', () => {
-    var panesEmptyContent = [{
-      key: '1',
-      tab: 'Tab',
-      content: ''
-    }];
-    renderWithProps({
-      panes: panesEmptyContent
-    });
-    expect(screen.getByText('Tab')).toBeInTheDocument();
-  });
-  it.each([[{}, 'empty object'], [{
-    key: '1'
-  }, 'key only'], [{
-    key: '1',
-    tab: null,
-    content: 'Content'
-  }, 'null tab'], [{
-    key: '1',
-    tab: 'Tab',
-    content: null
-  }, 'null content'], [{
-    key: '1',
-    tab: undefined,
-    content: 'Content'
-  }, 'undefined tab'], [{
-    key: '1',
-    tab: 'Tab',
-    content: undefined
-  }, 'undefined content'], [{
-    key: '1',
-    tab: '   ',
-    content: 'Content'
-  }, 'whitespace tab'], [{
-    key: '1',
-    tab: 'Tab',
-    content: '   '
-  }, 'whitespace content']])('handles panes with %s', pane => {
-    renderWithProps({
-      panes: [pane]
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-});
-describe('CapTab - Accessibility', () => {
-  it('has proper tablist role', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tablist = container.querySelector('[role="tablist"]');
-    expect(tablist).toBeInTheDocument();
-  });
-  it('has tabs with proper role', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelectorAll('[role="tab"]');
-    expect(tabs.length).toBeGreaterThan(0);
-  });
-  it('has tabpanels with proper role', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabpanels = container.querySelectorAll('[role="tabpanel"]');
-    expect(tabpanels.length).toBeGreaterThan(0);
-  });
-  it('associates tabs with tabpanels via aria-controls', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelectorAll('[role="tab"]');
-    expect(tabs.length).toBeGreaterThan(0);
-  });
-  it('marks active tab with aria-selected', () => {
-    var {
-      container
-    } = renderWithProps();
-    var activeTab = container.querySelector('[role="tab"][aria-selected="true"]');
-    expect(activeTab).toBeInTheDocument();
-  });
-  it('marks inactive tabs with aria-selected="false"', () => {
-    var {
-      container
-    } = renderWithProps();
-    var inactiveTabs = container.querySelectorAll('[role="tab"][aria-selected="false"]');
-    expect(inactiveTabs.length).toBeGreaterThan(0);
-  });
-  it('marks disabled tabs with aria-disabled', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: panesWithDisabled
-    });
-    var disabledTab = container.querySelector('[role="tab"][aria-disabled="true"]');
-    expect(disabledTab).toBeInTheDocument();
-  });
-  it('supports keyboard navigation', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    yield user.tab();
-    var focusedElement = document.activeElement;
-    expect(focusedElement).toBeInTheDocument();
-  }));
-  it('provides accessible tab labels', () => {
-    renderWithProps();
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-  });
-  it('maintains proper ARIA structure with empty panes', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: emptyPanes
-    });
-    var tablist = container.querySelector('[role="tablist"]');
-    expect(tablist).toBeInTheDocument();
-  });
-  it('maintains proper ARIA structure with single pane', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: singlePane
-    });
-    var tabs = container.querySelectorAll('[role="tab"]');
-    expect(tabs.length).toBe(1);
-  });
-  it('provides proper aria-controls relationship', () => {
-    var {
-      container
-    } = renderWithProps();
-    var tabs = container.querySelectorAll('[role="tab"]');
-    var tabpanels = container.querySelectorAll('[role="tabpanel"]');
-    expect(tabs.length).toBeGreaterThan(0);
-    expect(tabpanels.length).toBeGreaterThan(0);
-  });
-  it('maintains accessibility with disabled tabs', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: panesWithDisabled
-    });
-    var disabledTabs = container.querySelectorAll('[role="tab"][aria-disabled="true"]');
-    expect(disabledTabs.length).toBeGreaterThan(0);
-  });
-  it('provides accessible names for tabs', () => {
-    renderWithProps();
-    expect(screen.getByRole('tab', {
-      name: /Tab 1/i
-    })).toBeInTheDocument();
-    expect(screen.getByRole('tab', {
-      name: /Tab 2/i
-    })).toBeInTheDocument();
-  });
-  it('maintains keyboard focus order', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    yield user.tab();
-    var firstFocused = document.activeElement;
-    expect(firstFocused).toBeInTheDocument();
-    yield user.tab();
-    var secondFocused = document.activeElement;
-    expect(secondFocused).toBeInTheDocument();
-  }));
-});
-describe('CapTab - Backward Compatibility', () => {
-  it('supports deprecated tabPosition prop', () => {
-    renderWithProps({
-      tabPosition: 'left'
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each([['left', 'start'], ['right', 'end']])('maps deprecated tabPosition %s correctly', position => {
-    renderWithProps({
-      tabPosition: position
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('logs deprecation warning when tabPosition is used in development', () => {
-    var originalEnv = process.env.NODE_ENV;
-    process.env.NODE_ENV = 'development';
-    console.warn.mockClear();
-    renderWithProps({
-      tabPosition: 'left'
-    });
-    expect(console.warn).toHaveBeenCalledWith('[CapTab] "tabPosition" is deprecated. Use "tabPlacement".');
-    process.env.NODE_ENV = originalEnv;
-  });
-  it('does not log deprecation warning in production', () => {
-    var originalEnv = process.env.NODE_ENV;
-    process.env.NODE_ENV = 'production';
-    console.warn.mockClear();
-    renderWithProps({
-      tabPosition: 'left'
-    });
-    expect(console.warn).not.toHaveBeenCalled();
-    process.env.NODE_ENV = originalEnv;
-  });
-  it('does not log deprecation warning when tabPosition is undefined', () => {
-    var originalEnv = process.env.NODE_ENV;
-    process.env.NODE_ENV = 'development';
-    console.warn.mockClear();
-    renderWithProps({
-      tabPosition: undefined
-    });
-    expect(console.warn).not.toHaveBeenCalled();
-    process.env.NODE_ENV = originalEnv;
-  });
-  it.each([['top', 'top'], ['bottom', 'bottom'], ['start', 'start'], ['end', 'end']])('maps tabPlacement %s correctly (no conversion needed)', placement => {
-    renderWithProps({
-      tabPlacement: placement
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles tabPlacement with all valid values', () => {
-    var placements = ['top', 'end', 'bottom', 'start'];
-    placements.forEach(placement => {
-      var {
-        unmount
-      } = renderWithProps({
-        tabPlacement: placement
-      });
-      expect(screen.getByText('Tab 1')).toBeInTheDocument();
-      unmount();
-    });
-  });
-  it('handles undefined tabPlacement when tabPosition is also undefined', () => {
-    renderWithProps({
-      tabPlacement: undefined,
-      tabPosition: undefined
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles null tabPlacement', () => {
-    renderWithProps({
-      tabPlacement: null
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('maintains compatibility with panes prop format', () => {
-    renderWithProps({
-      panes: basicPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles all Ant Design Tabs props via rest', () => {
-    renderWithProps({
-      centered: true,
-      tabBarGutter: 16,
-      destroyInactiveTabPane: false
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles additional Ant Design props via rest spread', () => {
-    renderWithProps({
-      hideAdd: true,
-      moreIcon: /*#__PURE__*/_jsx("span", {
-        children: "More"
-      }),
-      tabBarStyle: {
-        backgroundColor: 'red'
-      },
-      tabBarExtraContent: /*#__PURE__*/_jsx("div", {
-        children: "Extra"
-      })
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles onTabClick callback via rest', /*#__PURE__*/_asyncToGenerator(function* () {
-    var handleTabClick = jest.fn();
-    var user = userEvent.setup();
-    renderWithProps({
-      onTabClick: handleTabClick
-    });
-    yield user.click(screen.getByText('Tab 2'));
-    expect(handleTabClick).toHaveBeenCalled();
-  }));
-  it('handles onTabScroll callback via rest', () => {
-    var handleTabScroll = jest.fn();
-    renderWithProps({
-      onTabScroll: handleTabScroll
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-});
-describe('CapTab - Data Flow and State Management', () => {
-  it('passes panes data to Ant Design Tabs', () => {
-    renderWithProps({
-      panes: basicPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  });
-  it('converts panes to items format correctly', () => {
-    renderWithProps({
-      panes: basicPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-    expect(screen.getByText('Tab 3')).toBeInTheDocument();
-  });
-  it('generates stable keys for panes without keys', () => {
-    renderWithProps({
-      panes: panesWithoutKeys
-    });
-    expect(screen.getByText('Tab A')).toBeInTheDocument();
-    expect(screen.getByText('Tab B')).toBeInTheDocument();
-  });
-  it.each([[[{
-    tab: /*#__PURE__*/_jsx("span", {
-      children: "React Tab A"
-    }),
-    content: 'Content A'
-  }, {
-    tab: /*#__PURE__*/_jsx("div", {
-      children: "React Tab B"
-    }),
-    content: 'Content B'
-  }], 'ReactNode tabs'], [[{
-    tab: 123,
-    content: 'Content A'
-  }, {
-    tab: 456,
-    content: 'Content B'
-  }], 'numeric tabs']])('generates stable keys for panes with %s', panes => {
-    renderWithProps({
-      panes: panes
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it.each([[{
-    content: 'Content A'
-  }, 'content only'], [{
-    tab: 100,
-    content: 'Content A'
-  }, 'numeric tab'], [{
-    tab: 'Tab',
-    content: 999
-  }, 'numeric content']])('generates stable keys for panes with %s', pane => {
-    renderWithProps({
-      panes: [pane]
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it.each([[[{
-    tab: 'Same Tab',
-    content: 'Content A'
-  }, {
-    tab: 'Same Tab',
-    content: 'Content B'
-  }], 'same tab, different content'], [[{
-    tab: 'Tab A',
-    content: 'Same Content'
-  }, {
-    tab: 'Tab B',
-    content: 'Same Content'
-  }], 'same content, different tab']])('generates different keys for panes with %s', panes => {
-    renderWithProps({
-      panes: panes
-    });
-    expect(screen.getByRole('tablist')).toBeInTheDocument();
-  });
-  it('preserves explicit keys from panes', () => {
-    renderWithProps({
-      panes: basicPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('handles disabled state from panes', () => {
-    var {
-      container
-    } = renderWithProps({
-      panes: panesWithDisabled
-    });
-    var disabledTab = container.querySelector('[aria-disabled="true"]');
-    expect(disabledTab).toBeInTheDocument();
-  });
-  it('passes rest props to Ant Design Tabs', () => {
-    renderWithProps({
-      'data-testid': 'custom-tabs',
-      centered: true
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('maps pane properties to items correctly', () => {
-    renderWithProps({
-      panes: basicPanes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  });
-  it('handles panes with all optional properties including disabled', () => {
-    var panesFull = [{
-      key: '1',
-      tab: 'Tab 1',
-      content: 'Content 1',
-      disabled: false
-    }, {
-      key: '2',
-      tab: 'Tab 2',
-      content: 'Content 2',
-      disabled: true
-    }];
-    var {
-      container
-    } = renderWithProps({
-      panes: panesFull
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-    var disabledTab = container.querySelector('[aria-disabled="true"]');
-    expect(disabledTab).toBeInTheDocument();
-  });
-  it('preserves pane properties when converting to items format', () => {
-    var panesWithExtraProps = [{
-      key: '1',
-      tab: 'Tab 1',
-      content: 'Content 1',
-      disabled: false,
-      customProp: 'value'
-    }];
-    renderWithProps({
-      panes: panesWithExtraProps
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  });
-  it('handles panes array mutation after render', () => {
-    var panes = [{
-      key: '1',
-      tab: 'Tab 1',
-      content: 'Content 1'
-    }];
-    var {
-      rerender
-    } = renderWithProps({
-      panes
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    panes.push({
-      key: '2',
-      tab: 'Tab 2',
-      content: 'Content 2'
-    });
-    rerender(/*#__PURE__*/_jsx(CapTab, {
-      panes: [...panes]
-    }));
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-  });
-  it('handles panes with zero index correctly', () => {
-    var panesZeroIndex = [{
-      tab: 'First Tab',
-      content: 'First Content'
-    }];
-    renderWithProps({
-      panes: panesZeroIndex
-    });
-    expect(screen.getByText('First Tab')).toBeInTheDocument();
-  });
-});
-describe('CapTab - Conditional Rendering Logic', () => {
-  it('renders content only for active tab', /*#__PURE__*/_asyncToGenerator(function* () {
-    var user = userEvent.setup();
-    renderWithProps();
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-    expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
-    yield user.click(screen.getByText('Tab 2'));
-    yield waitFor(() => {
-      expect(screen.getByText('Content 2')).toBeInTheDocument();
-    });
-  }));
-  it.each([[false, 'keeps inactive content'], [true, 'removes inactive content']])('handles destroyInactiveTabPane=%s (%s)', value => {
-    renderWithProps({
-      destroyInactiveTabPane: value
-    });
-    expect(screen.getByText('Content 1')).toBeInTheDocument();
-  });
-  it.each([['activeKey', '3', 'Content 3'], ['defaultActiveKey', '2', 'Content 2']])('handles conditional rendering based on %s prop', (prop, value, expectedContent) => {
-    renderWithProps({
-      [prop]: value
-    });
-    expect(screen.getByText(expectedContent)).toBeInTheDocument();
-    expect(screen.queryByText('Content 1')).not.toBeInTheDocument();
-  });
-  it('renders all tabs regardless of active state', () => {
-    renderWithProps();
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-    expect(screen.getByText('Tab 2')).toBeInTheDocument();
-    expect(screen.getByText('Tab 3')).toBeInTheDocument();
-  });
-  it.each([['line', undefined, 'defaults to animated=true'], ['card', undefined, 'defaults to animated=false'], ['editable-card', undefined, 'defaults to animated=true']])('applies animation config for %s type (%s)', (type, animated) => {
-    renderWithProps({
-      type: type,
-      animated
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each([[true, 'converts to object format'], [false, 'converts to false'], [{
-    inkBar: true,
-    tabPane: false
-  }, 'preserves object config'], [{
-    inkBar: false,
-    tabPane: true
-  }, 'preserves partial object config']])('handles animated=%s (%s)', animated => {
-    renderWithProps({
-      animated: animated
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it.each([[{
-    tabPlacement: 'start',
-    tabPosition: 'right'
-  }, 'prioritizes tabPlacement'], [{
-    tabPosition: 'left'
-  }, 'uses tabPosition when only tabPosition provided'], [{
-    tabPlacement: undefined,
-    tabPosition: undefined
-  }, 'handles both undefined'], [{
-    tabPlacement: null,
-    tabPosition: null
-  }, 'handles both null']])('handles tabPlacement/tabPosition props (%s)', props => {
-    renderWithProps(props);
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-  it('applies className to both wrapper and Tabs component', () => {
-    var {
-      container
-    } = renderWithProps({
-      className: 'custom-class'
-    });
-    var wrapper = container.querySelector('.cap-tab-v2-wrapper');
-    expect(wrapper).toBeInTheDocument();
-    expect(wrapper == null ? void 0 : wrapper.classList.contains('custom-class')).toBe(true);
-  });
-  it('handles className with multiple classes', () => {
-    var {
-      container
-    } = renderWithProps({
-      className: 'class1 class2 class3'
-    });
-    var wrapper = container.querySelector('.cap-tab-v2-wrapper');
-    expect(wrapper == null ? void 0 : wrapper.classList.contains('class1')).toBe(true);
-  });
-  it('handles panes prop default value when not provided', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapTab, {}));
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it('handles panes prop as undefined explicitly', () => {
-    var {
-      container
-    } = render(/*#__PURE__*/_jsx(CapTab, {
-      panes: undefined
-    }));
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it.each([['type', undefined], ['size', undefined], ['size', 'small'], ['size', 'large']])('handles %s prop with value %s', (prop, value) => {
-    renderWithProps({
-      [prop]: value
-    });
-    expect(screen.getByText('Tab 1')).toBeInTheDocument();
-  });
-});