diff --git a/packages/react/src/avatar/fallback/AvatarFallback.test.tsx b/packages/react/src/avatar/fallback/AvatarFallback.test.tsx index 04138d990d..77e409a7e8 100644 --- a/packages/react/src/avatar/fallback/AvatarFallback.test.tsx +++ b/packages/react/src/avatar/fallback/AvatarFallback.test.tsx @@ -1,7 +1,8 @@ import * as React from 'react'; import { Mock } from 'vitest'; import { Avatar } from '@base-ui-components/react/avatar'; -import { describeConformance, createRenderer } from '#test-utils'; +import { waitFor } from '@mui/internal-test-utils'; +import { describeConformance, createRenderer, isJSDOM } from '#test-utils'; import { useImageLoadingStatus } from '../image/useImageLoadingStatus'; vi.mock('../image/useImageLoadingStatus'); @@ -30,7 +31,9 @@ describe('', () => { , ); - expect(queryByTestId('fallback')).to.equal(null); + await waitFor(() => { + expect(queryByTestId('fallback')).to.equal(null); + }); }); it('should render the fallback if the image fails to load', async () => { @@ -43,10 +46,12 @@ describe('', () => { , ); - expect(queryByText('AC')).to.not.equal(null); + await waitFor(() => { + expect(queryByText('AC')).not.to.equal(null); + }); }); - describe('prop: delay', () => { + describe.skipIf(!isJSDOM)('prop: delay', () => { const { clock, render: renderFakeTimers } = createRenderer(); clock.withFakeTimers(); diff --git a/packages/react/src/menu/root/MenuRoot.test.tsx b/packages/react/src/menu/root/MenuRoot.test.tsx index c39daab55b..ed74942145 100644 --- a/packages/react/src/menu/root/MenuRoot.test.tsx +++ b/packages/react/src/menu/root/MenuRoot.test.tsx @@ -1135,9 +1135,9 @@ describe('', () => { }); }); - it('should close the menu when the trigger is no longer hovered', async () => { + it.skipIf(!isJSDOM)('should close the menu when the trigger is no longer hovered', async () => { const { getByRole, queryByRole } = await render( - + Open