);
},
-};
+} as const;
export default {
title: 'Elements/ContentExplorer',
diff --git a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
index 1cdd99410f..bdbd8692a3 100644
--- a/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
+++ b/src/elements/content-explorer/stories/tests/ContentExplorer-visual.stories.js
@@ -39,7 +39,7 @@ export const openDeleteConfirmationDialog = {
await userEvent.click(moreOptionsButton);
const dropdown = await screen.findByRole('menu');
- const deleteButton = within(dropdown).getByText('Delete');
+ const deleteButton = within(dropdown).findByText('Delete');
expect(deleteButton).toBeInTheDocument();
await userEvent.click(deleteButton);
diff --git a/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js b/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js
index 62361634f4..aa06d800c9 100644
--- a/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js
+++ b/src/elements/content-explorer/stories/tests/DeleteConfirmationDialog-visual.stories.js
@@ -4,44 +4,24 @@ import { addRootElement, defaultVisualConfig } from '../../../../utils/storybook
import DeleteConfirmationDialog from '../../DeleteConfirmationDialog';
-// need to import this into the story because it's usually in ContentExplorer
-import '../../../common/modal.scss';
-
const item = {
id: '123456',
- name:
- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Aliquam faucibus purus in massa tempor nec. Ut consequat semper viverra nam libero justo laoreet sit amet. Purus gravida quis blandit turpis cursus in hac. Dui ut ornare lectus sit amet est. Nisl condimentum id venenatis a condimentum vitae sapien ',
+ name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Aliquam faucibus purus in massa tempor nec. Ut consequat semper viverra nam libero justo laoreet sit amet. Purus gravida quis blandit turpis cursus in hac. Dui ut ornare lectus sit amet est. Nisl condimentum id venenatis a condimentum vitae sapien ',
};
export const deleteDialogNotLoading = {
render: () => {
- const { appElement, rootElement } = addRootElement();
-
- return (
-
- );
+ const { rootElement } = addRootElement();
+
+ return ;
},
};
export const deleteDialogIsLoading = {
render: () => {
- const { appElement, rootElement } = addRootElement();
-
- return (
-
- );
+ const { rootElement } = addRootElement();
+
+ return ;
},
};