test: update test to run timers

primer · May 9, 2024 · 6e0e38f · 6e0e38f
1 parent 7f18c34
commit 6e0e38f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 88 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx b/packages/react/src/drafts/SelectPanel2/__tests__/SelectPanelLoading.test.tsx
@@ -2,18 +2,22 @@ import {render} from '@testing-library/react'
 import React from 'react'
 import {SelectPanel} from '../'
 
+jest.useFakeTimers()
+
 describe('SelectPanel.Loading', () => {
-  it('should announce children as a polite message', () => {
-    render(<SelectPanel.Loading>test</SelectPanel.Loading>)
+  it('should announce a default message when no children are provided', () => {
+    render(<SelectPanel.Loading />)
 
     const liveRegion = document.querySelector('live-region')!
-    expect(liveRegion.getMessage('polite')).toBe('test')
+    jest.runAllTimers()
+    expect(liveRegion.getMessage('polite')).toBe('Fetching items...')
   })
 
-  it('should announce a default message when no children are provided', () => {
-    render(<SelectPanel.Loading />)
+  it('should announce children as a polite message', () => {
+    render(<SelectPanel.Loading>test</SelectPanel.Loading>)
 
     const liveRegion = document.querySelector('live-region')!
-    expect(liveRegion.getMessage('polite')).toBe('Fetching items...')
+    jest.runAllTimers()
+    expect(liveRegion.getMessage('polite')).toBe('test')
   })
 })