Fix race condition caused by calling clear immediately after `annou…

…nce` (#141)

* add failing test

* reset pending on clear

* dont need delay to reproduce

* Create silent-beds-suffer.md

.changeset/silent-beds-suffer.md

@@ -0,0 +1,5 @@
+---
+"@primer/live-region-element": patch
+---
+
+Fix race condition caused by calling `clear` immediately after `announce`

packages/live-region-element/src/__tests__/live-region-element.test.ts

@@ -195,4 +195,13 @@ describe('live-region-element', () => {
       ).toBe(Ordering.Less)
     })
   })
+
+  test('announce() after clear()', async () => {
+    liveRegion.announce('test1')
+    expect(liveRegion.getMessage('polite')).toBe('test1')
+
+    liveRegion.clear()
+    liveRegion.announce('test2')
+    expect(liveRegion.getMessage('polite')).toBe('test2')
+  })
 })

packages/live-region-element/src/live-region-element.ts

@@ -229,6 +229,7 @@ class LiveRegionElement extends HTMLElement {
       clearTimeout(this.#timeoutId)
       this.#timeoutId = null
     }
+    this.#pending = false
     this.#queue.clear()
   }
 }