wip

Author: silesky

packages/signals/signals/src/core/signal-generators/dom-gen/__tests__/mutation-observer.test.ts

@@ -69,7 +69,7 @@ describe('MutationObservable', () => {
     })
   })
 
-  it('should debounce attribute changes if they occur in text inputs', async () => {
+  it('should debounce text inputs', async () => {
     mutationObservable = new MutationObservable(
       new MutationObservableSettings({
         debounceMs: 100,
@@ -89,42 +89,41 @@ describe('MutationObservable', () => {
       attributes: { value: 'hello world' },
     })
   })
-
-  it('should handle multiple attributes changeing', async () => {
+  it('should debounce tect inputs if happening in the same tick', async () => {
     mutationObservable = new MutationObservable(
       new MutationObservableSettings({
         debounceMs: 100,
-        observedAttributes: (roles) => [...roles, 'aria-foo'],
       })
     )
     mutationObservable.subscribe(subscribeFn)
     testInput.setAttribute('value', 'hello')
-    testInput.setAttribute('aria-foo', 'bar')
-    await sleep(200)
+    testInput.setAttribute('value', 'hello wor')
+    testInput.setAttribute('value', 'hello world')
+    await sleep(100)
 
     expect(subscribeFn).toHaveBeenCalledTimes(1)
     expect(subscribeFn).toHaveBeenCalledWith({
       element: testInput,
-      attributes: { value: 'hello', 'aria-foo': 'bar' },
+      attributes: { value: 'hello world' },
     })
   })
 
-  it('should debounce if happening in the same tick', async () => {
+  it('should handle multiple attributes changing', async () => {
     mutationObservable = new MutationObservable(
       new MutationObservableSettings({
-        debounceMs: 50,
+        debounceMs: 100,
+        observedAttributes: (roles) => [...roles, 'aria-foo'],
       })
     )
     mutationObservable.subscribe(subscribeFn)
     testInput.setAttribute('value', 'hello')
-    testInput.setAttribute('value', 'hello wor')
-    testInput.setAttribute('value', 'hello world')
-    await sleep(100)
+    testInput.setAttribute('aria-foo', 'bar')
+    await sleep(200)
 
     expect(subscribeFn).toHaveBeenCalledTimes(1)
     expect(subscribeFn).toHaveBeenCalledWith({
       element: testInput,
-      attributes: { value: 'hello world' },
+      attributes: { value: 'hello', 'aria-foo': 'bar' },
     })
   })