@dhis2-ui/button 9.5.0-alpha.1 → 9.6.0

package/build/es/button/__tests__/Button.test.js

@@ -3,37 +3,6 @@ import { mount } from 'enzyme';
 import React from 'react';
 import { Button } from '../button.js';
 describe('<Button>', () => {
-  let consoleSpy;
-  beforeEach(() => {
-    consoleSpy = jest.spyOn(console, 'debug').mockImplementation();
-  });
-  afterEach(() => {
-    consoleSpy.mockRestore();
-  });
-  describe('warning for missing aria-label and title', () => {
-    it('No warning  if children exist but aria-label and title is missing', () => {
-      render( /*#__PURE__*/React.createElement(Button, null, "Children content"));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-    it('does not warn if aria-label and title is present', () => {
-      render( /*#__PURE__*/React.createElement(Button, {
-        "aria-label": "Test",
-        title: "Test"
-      }, "Children content"));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-    it('warns if no children are present with no arial-label and title', () => {
-      render( /*#__PURE__*/React.createElement(Button, null));
-      expect(consoleSpy).toHaveBeenCalledWith('Button component has no children but is missing title and ariaLabel attribute.');
-    });
-    it('No warning if there are no children but arial label and title', () => {
-      render( /*#__PURE__*/React.createElement(Button, {
-        "aria-label": "Test",
-        title: "Test"
-      }));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-  });
   it('renders a default data-test attribute', () => {
     const dataTest = 'dhis2-uicore-button';
     const wrapper = mount( /*#__PURE__*/React.createElement(Button, {

package/build/es/button/button.js

@@ -39,14 +39,6 @@ export const Button = _ref => {
       ref.current.focus();
     }
   }, [initialFocus, ref.current]);
-  const {
-    'aria-label': ariaLabel,
-    title
-  } = otherProps;
-
-  if (!children && !title && !ariaLabel) {
-    console.debug('Button component has no children but is missing title and ariaLabel attribute.');
-  }
 
   const handleClick = event => onClick && onClick({
     value,

package/build/es/button/features/can_be_blurred/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('an Button with initialFocus and onBlur handler is rendered', () => {
   cy.visitStory('Button', 'With initialFocus and onBlur');
   cy.focused().should('exist');

package/build/es/button/features/can_be_clicked/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a Button with onClick handler is rendered', () => {
   cy.visitStory('Button', 'With onClick');
 });

package/build/es/button/features/can_be_focused/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a Button with onFocus handler is rendered', () => {
   cy.visitStory('Button', 'With onFocus');
 });

package/build/es/button-strip/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a ButtonStrip with children is rendered', () => {
   cy.visitStory('ButtonStrip', 'With children');
   cy.get('[data-test="dhis2-uicore-buttonstrip"]').should('be.visible');

package/build/es/dropdown-button/__tests__/dropdown-button.test.js

@@ -1,8 +1,10 @@
 import { Layer } from '@dhis2-ui/layer';
 import { Popper } from '@dhis2-ui/popper';
+import { render, fireEvent, waitFor } from '@testing-library/react';
 import { mount } from 'enzyme';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
+import { Modal } from '../../../../modal/src/modal/modal.js';
 import { Button } from '../../index.js';
 import { DropdownButton } from '../dropdown-button.js';
 describe('<DropdownButton>', () => {
@@ -34,6 +36,52 @@ describe('<DropdownButton>', () => {
           open: false
         }));
       });
+      it('closes dropdown when escape key is pressed', async () => {
+        const componentText = 'Dropdown Content';
+        const {
+          getByTestId,
+          queryByText
+        } = render( /*#__PURE__*/React.createElement(DropdownButton, {
+          component: componentText
+        }));
+        const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
+        fireEvent.click(toggleButton);
+        await waitFor(() => {
+          expect(queryByText(componentText)).toBeInTheDocument();
+        });
+        fireEvent.keyDown(document, {
+          key: 'Escape'
+        });
+        await waitFor(() => {
+          expect(queryByText(componentText)).not.toBeInTheDocument();
+        });
+      });
+      test('modal remains open when dropdown button is closed on escape click', async () => {
+        const dropdownButtonText = 'Dropdown Content';
+        const headingText = 'Heading Text';
+        const modalContent = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, headingText), /*#__PURE__*/React.createElement(DropdownButton, {
+          component: dropdownButtonText
+        }));
+        const {
+          getByTestId,
+          queryByText
+        } = render( /*#__PURE__*/React.createElement(Modal, {
+          hide: false,
+          onClose: () => {}
+        }, modalContent));
+        const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
+        fireEvent.click(toggleButton);
+        await waitFor(() => {
+          expect(queryByText(dropdownButtonText)).toBeInTheDocument();
+        });
+        fireEvent.keyDown(document, {
+          key: 'Escape'
+        });
+        await waitFor(() => {
+          expect(queryByText(dropdownButtonText)).not.toBeInTheDocument();
+          expect(queryByText(headingText)).toBeInTheDocument();
+        });
+      });
     });
     describe('closed state', () => {
       const onClick = jest.fn();

package/build/es/dropdown-button/dropdown-button.js

@@ -67,6 +67,17 @@ class DropdownButton extends Component {
 
     _defineProperty(this, "anchorRef", /*#__PURE__*/React.createRef());
 
+    _defineProperty(this, "handleKeyDown", event => {
+      event.preventDefault();
+
+      if (event.key === 'Escape' && this.state.open) {
+        event.stopPropagation();
+        this.setState({
+          open: false
+        });
+      }
+    });
+
     _defineProperty(this, "onClickHandler", (_ref3, event) => {
       let {
         name,
@@ -95,6 +106,14 @@ class DropdownButton extends Component {
     });
   }
 
+  componentDidMount() {
+    document.addEventListener('keydown', this.handleKeyDown);
+  }
+
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyDown);
+  }
+
   render() {
     const {
       component,
@@ -134,7 +153,8 @@ class DropdownButton extends Component {
       value: value,
       tabIndex: tabIndex,
       type: type,
-      initialFocus: initialFocus
+      initialFocus: initialFocus,
+      "data-test": "dhis2-uicore-dropdownbutton-toggle"
     }, children, /*#__PURE__*/React.createElement(ArrowIconComponent, {
       className: "jsx-3163060161" + " " + (arrow.className || "")
     })), open && /*#__PURE__*/React.createElement(Layer, {

package/build/es/dropdown-button/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with children is rendered', () => {
   cy.visitStory('DropdownButton', 'With children');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_component/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with a component prop and opened dropdown is rendered', () => {
   cy.visitStory('DropdownButton', 'With component');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_icon/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with an icon prop is rendered', () => {
   cy.visitStory('DropdownButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_initial_focus/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with initialFocus is rendered', () => {
   cy.visitStory('DropdownButton', 'With initialFocus');
 });

package/build/es/dropdown-button/features/button_is_clickable/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'With onClick');
 });

package/build/es/dropdown-button/features/can_be_disabled/index.js

@@ -1,12 +1,7 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a disabled DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'Disabled with onClick');
 });
-When('the DropdownButton is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-dropdownbutton"] button').click({
-    force: true
-  });
-});
 Then('the onClick handler is not called', () => {
   cy.window().should(win => {
     expect(win.onClick).not.to.be.called;

package/build/es/dropdown-button/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the DropdownButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
 });

package/build/es/dropdown-button/features/opens_a_dropdown/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a default DropdownButton is rendered', () => {
   cy.visitStory('DropdownButton', 'Default');
 });

package/build/es/split-button/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with children is rendered', () => {
   cy.visitStory('SplitButton', 'With children');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');

package/build/es/split-button/features/accepts_icon/index.js

@@ -1,9 +1,9 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with an icon is rendered', () => {
   cy.visitStory('SplitButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');
 });
 Then('the icon is visible on the left button only', () => {
-  cy.get('[data-test="dhis2-uicore-splitbutton-button"]').contains('Icon').should('be.visible');
-  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').contains('Icon').should('not.exist');
+  cy.get('[data-test="dhis2-uicore-splitbutton-button"] :contains("Icon")').should('be.visible');
+  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"] :contains("Icon")').should('not.exist');
 });

package/build/es/split-button/features/accepts_initial_focus/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with initialFocus is rendered', () => {
   cy.visitStory('SplitButton', 'With initialFocus');
 });

package/build/es/split-button/features/arrow_opens_menu/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'Default');
 });

package/build/es/split-button/features/button_is_clickable/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with onClick hander is rendered', () => {
   cy.visitStory('SplitButton', 'With onClick');
 });

package/build/es/split-button/features/can_be_disabled/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a disabled SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'With disabled');
 });

package/build/es/split-button/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the SplitButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').click();
 });

package/build/es/split-button/split-button.js

@@ -10,7 +10,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Button } from '../index.js';
-import i18n from '../locales/index.js';
 const rightButton = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2502148942"
@@ -28,18 +27,6 @@ class SplitButton extends Component {
 
     _defineProperty(this, "anchorRef", /*#__PURE__*/React.createRef());
 
-    _defineProperty(this, "handleKeyDown", event => {
-      event.preventDefault();
-
-      if (event.key === 'Escape' && this.state.open) {
-        event.stopPropagation();
-        this.setState({
-          open: false
-        });
-        this.anchorRef.current && this.anchorRef.current.focus();
-      }
-    });
-
     _defineProperty(this, "onClick", (payload, event) => {
       if (this.props.onClick) {
         this.props.onClick({
@@ -50,19 +37,9 @@ class SplitButton extends Component {
       }
     });
 
-    _defineProperty(this, "onToggle", () => {
-      this.setState(prevState => ({
-        open: !prevState.open
-      }));
-    });
-  }
-
-  componentDidMount() {
-    document.addEventListener('keydown', this.handleKeyDown);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.handleKeyDown);
+    _defineProperty(this, "onToggle", () => this.setState({
+      open: !this.state.open
+    }));
   }
 
   render() {
@@ -121,9 +98,7 @@ class SplitButton extends Component {
       type: type,
       tabIndex: tabIndex,
       className: cx(className, rightButton.className),
-      dataTest: "".concat(dataTest, "-toggle"),
-      title: i18n.t('Toggle dropdown'),
-      "aria-label": i18n.t('Toggle dropdown')
+      dataTest: "".concat(dataTest, "-toggle")
     }, arrow), open && /*#__PURE__*/React.createElement(Layer, {
       onBackdropClick: this.onToggle,
       transparent: true

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/button",
-    "version": "9.5.0-alpha.1",
+    "version": "9.6.0",
     "description": "UI Button",
     "repository": {
         "type": "git",
@@ -33,11 +33,11 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/layer": "9.5.0-alpha.1",
-        "@dhis2-ui/loader": "9.5.0-alpha.1",
-        "@dhis2-ui/popper": "9.5.0-alpha.1",
-        "@dhis2/ui-constants": "9.5.0-alpha.1",
-        "@dhis2/ui-icons": "9.5.0-alpha.1",
+        "@dhis2-ui/layer": "9.6.0",
+        "@dhis2-ui/loader": "9.6.0",
+        "@dhis2-ui/popper": "9.6.0",
+        "@dhis2/ui-constants": "9.6.0",
+        "@dhis2/ui-icons": "9.6.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

package/types/index.d.ts

@@ -16,7 +16,7 @@ type ButtonOpenEventHandler<
     Event extends React.SyntheticEvent = React.MouseEvent<HTMLButtonElement>
 > = (arg0: ButtonEventPayload & { open: boolean }, event: Event) => void
 
-export interface ButtonProps extends HTMLButtonElement {
+export interface BaseButtonProps {
     /**
      * Component to render inside the button
      */
@@ -102,6 +102,9 @@ export interface ButtonProps extends HTMLButtonElement {
     onKeyDown?: ButtonEventHandler<React.KeyboardEvent<HTMLButtonElement>>
 }
 
+export type ButtonProps = BaseButtonProps &
+    Omit<React.ComponentPropsWithoutRef<'button'>, keyof BaseButtonProps>
+
 export const Button: React.FC<ButtonProps>
 
 export interface ButtonStripProps {

package/build/cjs/locales/en/translations.json

@@ -1,3 +0,0 @@
-{
-    "Toggle dropdown": "Toggle dropdown"
-}

package/build/cjs/locales/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
-var _translations = _interopRequireDefault(require("./en/translations.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-//------------------------------------------------------------------------------
-// <auto-generated>
-// This code was generated by d2-i18n-generate.
-//
-// Changes to this file may cause incorrect behavior and will be lost if
-// the code is regenerated.
-// </auto-generated>
-//------------------------------------------------------------------------------
-const namespace = 'default';
-
-_d2I18n.default.addResources('en', namespace, _translations.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;

package/build/cjs/split-button/split-button.test.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _splitButton = require("./split-button.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('SplitButton', () => {
-  afterEach(_react.cleanup);
-  it('renders button with children', () => {
-    const {
-      getByText
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null, "Click me"));
-    expect(getByText('Click me')).toBeInTheDocument();
-  });
-  it('toggles dropdown when left button is clicked', () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-  });
-  it('renders dropdown content when open is true', () => {
-    const {
-      getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
-      component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-  });
-  it("does not close dropdown 'Enter' key is pressed", async () => {
-    const {
-      getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
-      component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.keyDown(document, {
-      key: 'Enter'
-    }); // Use waitFor to wait for the DOM to update
-
-
-    await (0, _react.waitFor)(() => {
-      expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    });
-  });
-  it('closes dropdown when escape key is pressed', async () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
-      component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.keyDown(document, {
-      key: 'Escape'
-    }); // Use waitFor to wait for the DOM to update
-
-
-    await (0, _react.waitFor)(() => {
-      expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-    });
-  });
-  it('adds title and aria-label attributes to the right button', () => {
-    const {
-      getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    expect(toggleButton).toHaveAttribute('title', 'Toggle dropdown');
-    expect(toggleButton).toHaveAttribute('aria-label', 'Toggle dropdown');
-  });
-});

package/build/es/locales/en/translations.json

@@ -1,3 +0,0 @@
-{
-    "Toggle dropdown": "Toggle dropdown"
-}

package/build/es/locales/index.js

@@ -1,13 +0,0 @@
-//------------------------------------------------------------------------------
-// <auto-generated>
-// This code was generated by d2-i18n-generate.
-//
-// Changes to this file may cause incorrect behavior and will be lost if
-// the code is regenerated.
-// </auto-generated>
-//------------------------------------------------------------------------------
-import i18n from '@dhis2/d2-i18n';
-import enTranslations from './en/translations.json';
-const namespace = 'default';
-i18n.addResources('en', namespace, enTranslations);
-export default i18n;

package/build/es/split-button/split-button.test.js

@@ -1,77 +0,0 @@
-import { render, fireEvent, cleanup, waitFor } from '@testing-library/react';
-import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
-import { SplitButton } from './split-button.js';
-describe('SplitButton', () => {
-  afterEach(cleanup);
-  it('renders button with children', () => {
-    const {
-      getByText
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null, "Click me"));
-    expect(getByText('Click me')).toBeInTheDocument();
-  });
-  it('toggles dropdown when left button is clicked', () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.click(toggleButton);
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-  });
-  it('renders dropdown content when open is true', () => {
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-  });
-  it("does not close dropdown 'Enter' key is pressed", async () => {
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.keyDown(document, {
-      key: 'Enter'
-    }); // Use waitFor to wait for the DOM to update
-
-    await waitFor(() => {
-      expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    });
-  });
-  it('closes dropdown when escape key is pressed', async () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.keyDown(document, {
-      key: 'Escape'
-    }); // Use waitFor to wait for the DOM to update
-
-    await waitFor(() => {
-      expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-    });
-  });
-  it('adds title and aria-label attributes to the right button', () => {
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    expect(toggleButton).toHaveAttribute('title', 'Toggle dropdown');
-    expect(toggleButton).toHaveAttribute('aria-label', 'Toggle dropdown');
-  });
-});