@dhis2/analytics 28.0.3 → 28.0.5

package/build/es/components/FileMenu/GetLinkDialog.js

@@ -6,12 +6,11 @@ import React from 'react';
 import i18n from '../../locales/index.js';
 import { styles } from './GetLinkDialog.styles.js';
 import { supportedFileTypes, appPathFor } from './utils.js';
-export const GetLinkDialog = _ref => {
-  let {
-    type,
-    id,
-    onClose
-  } = _ref;
+export const GetLinkDialog = ({
+  type,
+  id,
+  onClose
+}) => {
   const {
     apiVersion,
     baseUrl
@@ -32,7 +31,8 @@ export const GetLinkDialog = _ref => {
   }, appUrl), /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(IconCopy24, null),
     small: true,
-    onClick: () => navigator.clipboard.writeText(appUrl)
+    onClick: () => navigator.clipboard.writeText(appUrl),
+    "aria-label": i18n.t('Copy to clipboard')
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,
     secondary: true

package/build/es/components/FileMenu/RenameDialog.js

@@ -5,13 +5,12 @@ import React, { useState } from 'react';
 import i18n from '../../locales/index.js';
 import { modalStyles } from './FileMenu.styles.js';
 import { supportedFileTypes, labelForFileType } from './utils.js';
-export const RenameDialog = _ref => {
-  let {
-    type,
-    object,
-    onClose,
-    onRename
-  } = _ref;
+export const RenameDialog = ({
+  type,
+  object,
+  onClose,
+  onRename
+}) => {
   const [name, setName] = useState(object.name);
   const [description, setDescription] = useState(object.description);
   const renameObject = () => {
@@ -34,23 +33,17 @@ export const RenameDialog = _ref => {
     label: i18n.t('Name'),
     required: true,
     value: name,
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return setName(value);
-    },
+    onChange: ({
+      value
+    }) => setName(value),
     dataTest: "file-menu-rename-modal-name"
   }), /*#__PURE__*/React.createElement(TextAreaField, {
     label: i18n.t('Description'),
     value: description,
     rows: 3,
-    onChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setDescription(value);
-    },
+    onChange: ({
+      value
+    }) => setDescription(value),
     dataTest: "file-menu-rename-modal-description"
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,

package/build/es/components/FileMenu/SaveAsDialog.js

@@ -6,13 +6,12 @@ import i18n from '../../locales/index.js';
 import { modalStyles } from './FileMenu.styles.js';
 import { supportedFileTypes, labelForFileType } from './utils.js';
 const NAME_MAXLENGTH = 230;
-export const SaveAsDialog = _ref => {
-  let {
-    type,
-    object,
-    onClose,
-    onSaveAs
-  } = _ref;
+export const SaveAsDialog = ({
+  type,
+  object,
+  onClose,
+  onSaveAs
+}) => {
   const [name, setName] = useState(object !== null && object !== void 0 && object.displayName || object !== null && object !== void 0 && object.name ? i18n.t('{{- objectName}} (copy)', {
     objectName: object.name
   }) : '');
@@ -38,23 +37,17 @@ export const SaveAsDialog = _ref => {
   }, /*#__PURE__*/React.createElement(InputField, {
     label: i18n.t('Name'),
     value: name,
-    onChange: _ref2 => {
-      let {
-        value
-      } = _ref2;
-      return setName(value.substring(0, NAME_MAXLENGTH));
-    },
+    onChange: ({
+      value
+    }) => setName(value.substring(0, NAME_MAXLENGTH)),
     dataTest: "file-menu-saveas-modal-name"
   }), /*#__PURE__*/React.createElement(TextAreaField, {
     label: i18n.t('Description'),
     value: description,
     rows: 3,
-    onChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setDescription(value);
-    },
+    onChange: ({
+      value
+    }) => setDescription(value),
     dataTest: "file-menu-saveas-modal-description"
   }))), /*#__PURE__*/React.createElement(ModalActions, null, /*#__PURE__*/React.createElement(ButtonStrip, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose,

package/build/es/components/FileMenu/__tests__/DeleteDialog.spec.js

@@ -1,33 +1,30 @@
-import { Button, Modal, ModalTitle } from '@dhis2/ui';
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 import { DeleteDialog } from '../DeleteDialog.js';
-describe('The FileMenu - DeleteDialog component', () => {
-  let shallowDeleteDialog;
-  let props;
-  const onClose = jest.fn();
-  const getDeleteDialogComponent = props => {
-    if (!shallowDeleteDialog) {
-      shallowDeleteDialog = shallow(/*#__PURE__*/React.createElement(DeleteDialog, props));
-    }
-    return shallowDeleteDialog;
+describe('FileMenu - DeleteDialog component', () => {
+  const props = {
+    type: 'visualization',
+    id: 'delete-test',
+    onClose: jest.fn()
   };
-  beforeEach(() => {
-    shallowDeleteDialog = undefined;
-    props = {
-      type: 'visualization',
-      id: 'delete-test',
-      onClose
-    };
+  test('renders a Modal component', () => {
+    render(/*#__PURE__*/React.createElement(DeleteDialog, props));
+    const modalComponent = screen.getByTestId('file-menu-delete-modal');
+    expect(modalComponent).toBeInTheDocument();
   });
-  it('renders a Modal component', () => {
-    expect(getDeleteDialogComponent(props).find(Modal)).toHaveLength(1);
+  test('renders a ModalTitle containing the type prop', () => {
+    render(/*#__PURE__*/React.createElement(DeleteDialog, props));
+    const modalTitleComponent = screen.getByText(`Delete ${props.type}`);
+    expect(modalTitleComponent).toBeInTheDocument();
   });
-  it('renders a ModalTitle containing the type prop', () => {
-    expect(getDeleteDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Delete ${props.type}`);
-  });
-  it('calls the onClose callback when the Cancel button is clicked', () => {
-    getDeleteDialogComponent(props).find(Button).first().simulate('click');
-    expect(onClose).toHaveBeenCalled();
+  test('calls the onClose callback when the Cancel button is clicked', async () => {
+    const user = userEvent.setup();
+    render(/*#__PURE__*/React.createElement(DeleteDialog, props));
+    const cancelButton = screen.getByRole('button', {
+      name: 'Cancel'
+    });
+    await user.click(cancelButton);
+    expect(props.onClose).toHaveBeenCalledTimes(1);
   });
 });

package/build/es/components/FileMenu/__tests__/FileMenu.spec.js

@@ -1,5 +1,6 @@
 import { CustomDataProvider } from '@dhis2/app-runtime';
-import { render, fireEvent, screen, getByText } from '@testing-library/react';
+import { render, screen, getByText } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import React from 'react';
 import { HoverMenuBar } from '../../Toolbar/index.js';
@@ -13,7 +14,7 @@ jest.mock('../../TranslationDialog/TranslationModal/useTranslationsResults.js',
     fetching: true
   })
 }));
-describe('The FileMenu component ', () => {
+describe('FileMenu component ', () => {
   const onDelete = jest.fn();
   const onError = jest.fn();
   const onNew = jest.fn();
@@ -51,8 +52,7 @@ describe('The FileMenu component ', () => {
       href: 'http://dhis2.org'
     }
   };
-  const renderFileMenu = function () {
-    let customProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const renderFileMenu = (customProps = {}) => {
     const props = {
       ...baseProps,
       ...customProps
@@ -69,6 +69,19 @@ describe('The FileMenu component ', () => {
           userAccesses: [],
           userGroupAccesses: []
         }
+      },
+      visualizations: {
+        pager: {
+          page: 1,
+          pageSize: 50
+        },
+        visualizations: [{
+          id: 'vis1',
+          displayName: 'Visualization 1',
+          type: 'VISUALIZATION',
+          created: '2025-07-23T15:04:16.864',
+          lastUpdated: '2025-07-23T15:04:16.864'
+        }]
       }
     };
     return render(/*#__PURE__*/React.createElement(CustomDataProvider, {
@@ -76,7 +89,8 @@ describe('The FileMenu component ', () => {
     }, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, props))));
   };
   const openDropdown = async () => {
-    fireEvent.click(screen.getByTestId('dhis2-analytics-hovermenudropdown'));
+    const user = userEvent.setup();
+    await user.click(screen.getByTestId('dhis2-analytics-hovermenudropdown'));
     expect(await screen.findByTestId('file-menu-container')).toBeVisible();
   };
   const MENU_ITEMS = {
@@ -128,20 +142,20 @@ describe('The FileMenu component ', () => {
       }
     }
   };
-  it('renders a button', () => {
+  test('renders a button', () => {
     renderFileMenu();
     expect(screen.getAllByTestId('dhis2-analytics-hovermenudropdown')).toHaveLength(1);
     const button = screen.getByTestId('dhis2-analytics-hovermenudropdown');
     expect(button).toBeVisible();
     expect(button).toHaveTextContent('File');
   });
-  it('opens when clicking the button', async () => {
+  test('opens when clicking the button', async () => {
     renderFileMenu();
     expect(screen.queryByTestId('file-menu-container')).not.toBeInTheDocument();
     await openDropdown();
     expect(await screen.findByTestId('file-menu-container')).toBeVisible();
   });
-  it('renders some enabled buttons regardless of the access settings', async () => {
+  test('renders some enabled buttons regardless of the access settings', async () => {
     renderFileMenu();
     await openDropdown();
     assertMenuItemsDisabledState([{
@@ -152,7 +166,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders some disabled buttons when no fileObject is present', async () => {
+  test('renders some disabled buttons when no fileObject is present', async () => {
     renderFileMenu();
     await openDropdown();
     assertMenuItemsDisabledState([{
@@ -175,7 +189,7 @@ describe('The FileMenu component ', () => {
       disabled: true
     }]);
   });
-  it('renders some enabled buttons when update access is granted', async () => {
+  test('renders some enabled buttons when update access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -199,7 +213,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders enabled Delete button when delete access is granted', async () => {
+  test('renders enabled Delete button when delete access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -217,7 +231,7 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders enabled Share button when manage access is granted', async () => {
+  test('renders enabled Share button when manage access is granted', async () => {
     const customProps = {
       fileObject: {
         id: 'test',
@@ -235,50 +249,56 @@ describe('The FileMenu component ', () => {
       disabled: false
     }]);
   });
-  it('renders the OpenFileDialog component when the Open button is clicked', async () => {
+  test('renders the OpenFileDialog component when the Open button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu();
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.OPEN.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.OPEN.testId));
     expect(await screen.findByText('Open a visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the RenameDialog when the Rename button is clicked', async () => {
+  test('renders the RenameDialog when the Rename button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.RENAME.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.RENAME.testId));
     expect(await screen.findByText('Rename visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the TranslationDialog when the Translate button is clicked', async () => {
+  test('renders the TranslationDialog when the Translate button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.TRANSLATE.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.TRANSLATE.testId));
     expect(await screen.findByText('Translate', {
       exact: false,
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SharingDialog when the Share button is clicked', async () => {
+  test('renders the SharingDialog when the Share button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.SHARE.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.SHARE.testId));
     expect(await screen.findByText('Sharing and access', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the GetLinkDialog when the Get link button is clicked', async () => {
+  test('renders the GetLinkDialog when the Get link button is clicked', async () => {
+    const user = userEvent.setup();
     const url = 'http://localhost/dhis-web-data-visualizer/#/test';
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.GET_LINK.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.GET_LINK.testId));
     expect(await screen.findByTestId('dhis2-uicore-modal')).toBeVisible();
     expect(screen.getByRole('link', {
       name: url
     })).toHaveAttribute('href', url);
   });
-  it('renders the DeleteDialog when the Delete button is clicked', async () => {
+  test('renders the DeleteDialog when the Delete button is clicked', async () => {
+    const user = userEvent.setup();
     const customProps = {
       fileObject: {
         id: 'delete-test',
@@ -291,20 +311,22 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.DELETE.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.DELETE.testId));
     expect(await screen.findByText('Delete visualization', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SaveAsDialog when the Save as… button is clicked', async () => {
+  test('renders the SaveAsDialog when the Save as… button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.SAVE_AS.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.SAVE_AS.testId));
     expect(await screen.findByText('Save visualization as', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('renders the SaveAsDialog when the Save… button is clicked but no fileObject is present', async () => {
+  test('renders the SaveAsDialog when the Save… button is clicked but no fileObject is present', async () => {
+    const user = userEvent.setup();
     const customProps = {
       fileObject: {
         // NOTE: no `id` field
@@ -315,22 +337,24 @@ describe('The FileMenu component ', () => {
     };
     renderFileMenu(customProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.SAVE.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.SAVE.testId));
     expect(await screen.findByText('Save visualization as', {
       selector: 'h1'
     })).toBeVisible();
   });
-  it('calls the onSave callback when the Save button is clicked and a fileObject is present', async () => {
+  test('calls the onSave callback when the Save button is clicked and a fileObject is present', async () => {
+    const user = userEvent.setup();
     renderFileMenu(fullAccessProps);
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.SAVE.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.SAVE.testId));
     expect(screen.queryByText('Open a visualization')).not.toBeVisible();
     expect(onSave).toHaveBeenCalledTimes(1);
   });
-  it('calls the onNew callback when the New button is clicked', async () => {
+  test('calls the onNew callback when the New button is clicked', async () => {
+    const user = userEvent.setup();
     renderFileMenu();
     await openDropdown();
-    fireEvent.click(screen.getByTestId(MENU_ITEMS.NEW.testId));
+    await user.click(screen.getByTestId(MENU_ITEMS.NEW.testId));
     expect(screen.queryByText('Open a visualization')).not.toBeVisible();
     expect(onNew).toHaveBeenCalledTimes(1);
   });

package/build/es/components/FileMenu/__tests__/GetLinkDialog.spec.js

@@ -1,5 +1,5 @@
-import { Button, Modal } from '@dhis2/ui';
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 import { GetLinkDialog } from '../GetLinkDialog.js';
 const testBaseUrl = 'http://host.tld/test/';
@@ -42,49 +42,45 @@ const tests = [{
   id: 'map-id-2',
   expected: 'http://localhost/dhis-web-maps/#/map-id-2'
 }];
-describe('The FileMenu - GetLinkDialog component', () => {
-  let shallowGetLinkDialog;
+describe('FileMenu - GetLinkDialog component', () => {
   const onClose = jest.fn();
-  const getGetLinkDialogComponent = props => {
-    if (!shallowGetLinkDialog) {
-      shallowGetLinkDialog = shallow(/*#__PURE__*/React.createElement(GetLinkDialog, props));
-    }
-    return shallowGetLinkDialog;
+  const props = {
+    type: tests[0].type,
+    id: tests[0].id,
+    onClose
   };
-  beforeEach(() => {
-    shallowGetLinkDialog = undefined;
+  test('renders a Modal component', () => {
+    render(/*#__PURE__*/React.createElement(GetLinkDialog, props));
+    const modalComponent = screen.getByTestId('dhis2-uicore-modal');
+    expect(modalComponent).toBeInTheDocument();
+    expect(screen.getByLabelText('Close modal dialog')).toBeInTheDocument();
   });
-  it('renders a Modal component', () => {
-    expect(getGetLinkDialogComponent({
-      type: tests[0].type,
-      id: tests[0].id
-    }).find(Modal)).toHaveLength(1);
+  test('calls the onClose callback when the Close button is clicked', async () => {
+    const user = userEvent.setup();
+    render(/*#__PURE__*/React.createElement(GetLinkDialog, props));
+    const closeButton = screen.getByRole('button', {
+      name: 'Close'
+    });
+    await user.click(closeButton);
+    expect(onClose).toHaveBeenCalledTimes(1);
   });
-  test.each(tests)('renders a <a> tag containing the correct app path and id', _ref => {
-    let {
-      apiVersion,
-      baseUrl,
-      type,
-      id,
-      expected
-    } = _ref;
+  test.each(tests)('renders a <a> tag containing the correct app path and id', ({
+    apiVersion,
+    baseUrl,
+    type,
+    id,
+    expected
+  }) => {
     mockUseConfig.mockReturnValueOnce({
       apiVersion: apiVersion || 42,
       baseUrl
     });
-    const href = getGetLinkDialogComponent({
-      type,
-      id,
-      onClose
-    }).find('a').prop('href');
-    expect(href).toMatch(expected);
-  });
-  it('calls the onClose callback when the Close button is clicked', () => {
-    getGetLinkDialogComponent({
-      type: tests[0].type,
-      id: tests[0].id,
-      onClose
-    }).find(Button).at(1).simulate('click');
-    expect(onClose).toHaveBeenCalled();
+    render(/*#__PURE__*/React.createElement(GetLinkDialog, {
+      onClose: onClose,
+      type: type,
+      id: id
+    }));
+    const anchorElement = screen.getByRole('link');
+    expect(anchorElement.href).toMatch(expected);
   });
 });

package/build/es/components/FileMenu/__tests__/RenameDialog.spec.js

@@ -1,9 +1,9 @@
 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 '@testing-library/jest-dom';
-import { render, fireEvent, screen, within } from '@testing-library/react';
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 import { RenameDialog } from '../RenameDialog.js';
-describe('The FileMenu - RenameDialog component', () => {
+describe('FileMenu - RenameDialog component', () => {
   const onClose = jest.fn();
   const onRename = jest.fn();
   const props = {
@@ -18,18 +18,18 @@ describe('The FileMenu - RenameDialog component', () => {
     jest.resetAllMocks();
     jest.clearAllMocks();
   });
-  it('renders a Modal component with the correct heading', () => {
+  test('renders a Modal component with the correct heading', () => {
     render(/*#__PURE__*/React.createElement(RenameDialog, props));
     expect(screen.getAllByTestId('file-menu-rename-modal')).toHaveLength(1);
     expect(screen.getByRole('heading')).toHaveTextContent('Rename visualization');
   });
-  it('renders a InputField for name', () => {
+  test('renders a InputField for name', () => {
     render(/*#__PURE__*/React.createElement(RenameDialog, props));
     expect(screen.getByTestId('file-menu-rename-modal-name')).toBeInTheDocument();
     expect(screen.getByText('Name')).toBeInTheDocument();
     expect(screen.getByText('Name')).toBeVisible();
   });
-  it('renders a InputField for name with prefilled value if name is in object prop', () => {
+  test('renders a InputField for name with prefilled value if name is in object prop', () => {
     render(/*#__PURE__*/React.createElement(RenameDialog, _extends({}, props, {
       object: {
         ...props.object,
@@ -41,7 +41,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(inputElement).toBeInTheDocument();
     expect(inputElement).toHaveValue('Vis test');
   });
-  it('renders a TextAreaField for description', () => {
+  test('renders a TextAreaField for description', () => {
     render(/*#__PURE__*/React.createElement(RenameDialog, props));
 
     // Locate the label by its text
@@ -52,7 +52,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(descriptionField).toBeInTheDocument();
     expect(descriptionField).toBeVisible();
   });
-  it('renders a TextAreaField for description with prefilled value if description is in object prop', () => {
+  test('renders a TextAreaField for description with prefilled value if description is in object prop', () => {
     render(/*#__PURE__*/React.createElement(RenameDialog, _extends({}, props, {
       object: {
         ...props.object,
@@ -68,15 +68,21 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(descriptionField).toBeInTheDocument();
     expect(descriptionField).toHaveValue('Long explanation of the visualization');
   });
-  it('calls the onClose callback when the Cancel button is clicked', async () => {
+  test('calls the onClose callback when the Cancel button is clicked', async () => {
+    const user = userEvent.setup();
     render(/*#__PURE__*/React.createElement(RenameDialog, props));
-    await fireEvent.click(screen.getByTestId('file-menu-rename-modal-cancel'));
+    await user.click(screen.getByRole('button', {
+      name: 'Cancel'
+    }));
     expect(onClose).toHaveBeenCalled();
     expect(onRename).not.toHaveBeenCalled();
   });
-  it('calls the onRename callback when the Rename button is clicked', async () => {
+  test('calls the onRename callback when the Rename button is clicked', async () => {
+    const user = userEvent.setup();
     render(/*#__PURE__*/React.createElement(RenameDialog, props));
-    await fireEvent.click(screen.getByTestId('file-menu-rename-modal-rename'));
+    await user.click(screen.getByRole('button', {
+      name: 'Rename'
+    }));
     expect(onRename).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
   });