diff --git a/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx b/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx index b1b234bf0bc..eeedf251931 100644 --- a/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx +++ b/packages/react/src/Skeleton/__tests__/SkeletonBox.test.tsx @@ -61,5 +61,28 @@ describe('SkeletonBox', () => { // No errors should occur expect(true).toBe(true) }) + + it('should render after custom delay when delay is a number', () => { + const {container} = render() + + // Not visible initially + expect(container.querySelector('div')).not.toBeInTheDocument() + + // Advance timers by less than the custom delay (500ms) + act(() => { + vi.advanceTimersByTime(400) + }) + + // Still not visible + expect(container.querySelector('div')).not.toBeInTheDocument() + + // Advance timers to complete the custom delay + act(() => { + vi.advanceTimersByTime(100) + }) + + // Now it should be visible + expect(container.querySelector('div')).toBeInTheDocument() + }) }) })