diff --git a/packages/mui-base/src/Menu/Menu.test.tsx b/packages/mui-base/src/Menu/Menu.test.tsx
index 325e1b6010..983f987dc9 100644
--- a/packages/mui-base/src/Menu/Menu.test.tsx
+++ b/packages/mui-base/src/Menu/Menu.test.tsx
@@ -17,6 +17,12 @@ import { Popper } from '@mui/base/Popper';
import { MenuProvider, useMenu } from '@mui/base/useMenu';
import { describeConformanceUnstyled } from '../../test/describeConformanceUnstyled';
+function createAnchor() {
+ const anchor = document.createElement('div');
+ document.body.appendChild(anchor);
+ return anchor;
+}
+
const testContext: DropdownContextValue = {
dispatch: () => {},
popupId: 'menu-popup',
@@ -158,7 +164,7 @@ describe('
', () => {
disabledItemsFocusable: false,
});
- const anchorEl = triggerElement ?? document.createElement('div');
+ const anchorEl = triggerElement ?? createAnchor();
return (
diff --git a/packages/mui-base/src/Popper/Popper.test.tsx b/packages/mui-base/src/Popper/Popper.test.tsx
index f9332c7112..e80a2e96e9 100644
--- a/packages/mui-base/src/Popper/Popper.test.tsx
+++ b/packages/mui-base/src/Popper/Popper.test.tsx
@@ -4,12 +4,18 @@ import { createRenderer, createMount, screen } from '@mui/internal-test-utils';
import { Popper, popperClasses } from '@mui/base/Popper';
import { describeConformanceUnstyled } from '../../test/describeConformanceUnstyled';
+function createAnchor() {
+ const anchor = document.createElement('div');
+ document.body.appendChild(anchor);
+ return anchor;
+}
+
describe('', () => {
const { render } = createRenderer();
const mount = createMount();
const defaultProps = {
- anchorEl: () => document.createElement('svg'),
+ anchorEl: () => createAnchor(),
children: Hello World,
open: true,
};
@@ -35,13 +41,7 @@ describe('', () => {
const CustomComponent = React.forwardRef(({ ownerState }, ref) => (
));
- render(
- document.createElement('div')}
- open
- slots={{ root: CustomComponent }}
- />,
- );
+ render( createAnchor()} open slots={{ root: CustomComponent }} />);
expect(screen.getByTestId('foo')).to.not.have.attribute('id', 'id');
});
diff --git a/packages/mui-base/src/Unstable_Popup/Popup.test.tsx b/packages/mui-base/src/Unstable_Popup/Popup.test.tsx
index 082e750a63..f53cb8bfad 100644
--- a/packages/mui-base/src/Unstable_Popup/Popup.test.tsx
+++ b/packages/mui-base/src/Unstable_Popup/Popup.test.tsx
@@ -8,6 +8,12 @@ import { describeConformanceUnstyled } from '../../test/describeConformanceUnsty
const TRANSITION_DURATION = 100;
+function createAnchor() {
+ const anchor = document.createElement('div');
+ document.body.appendChild(anchor);
+ return anchor;
+}
+
function FakeTransition(props: React.PropsWithChildren<{}>) {
const { children: transitionChildren } = props;
const { requestedEnter, onExited } = useTransitionStateManager();
@@ -45,7 +51,7 @@ describe('', () => {
}
const defaultProps: PopupProps = {
- anchor: () => document.createElement('div'),
+ anchor: () => createAnchor(),
children: Hello World,
open: true,
};