@schukai/monster 4.145.2 → 4.146.0

package/test/cases/components/form/select.mjs

@@ -292,6 +292,52 @@ describe('Select', function () {
         expect(mutateCount).to.equal(2);
     });
 
+    it('should suppress repeated safe floating layout oscillation', async function () {
+        const popper = document.createElement('div');
+        const rects = [
+            {x: 0, y: 0, width: 100, height: 40},
+            {x: 0, y: 0, width: 120, height: 40},
+            {x: 0, y: 0, width: 100, height: 40},
+            {x: 0, y: 0, width: 120, height: 40},
+            {x: 0, y: 0, width: 100, height: 40},
+        ];
+        let mutateCount = 0;
+
+        popper.getBoundingClientRect = () => {
+            const rect = rects[Math.min(mutateCount - 1, rects.length - 1)];
+            return {
+                ...rect,
+                top: rect.y,
+                left: rect.x,
+                right: rect.x + rect.width,
+                bottom: rect.y + rect.height,
+            };
+        };
+
+        const mutate = () => {
+            mutateCount += 1;
+            enqueueFloatingLayout({
+                popperElement: popper,
+                reason: FLOATING_LAYOUT_REASON.SETTLE,
+                mutate,
+            });
+        };
+
+        enqueueFloatingLayout({
+            popperElement: popper,
+            reason: FLOATING_LAYOUT_REASON.RESIZE,
+            mutate,
+        });
+
+        await flushFloatingLayoutQueueForTests();
+        await flushFloatingLayoutQueueForTests();
+        await flushFloatingLayoutQueueForTests();
+        await flushFloatingLayoutQueueForTests();
+        await flushFloatingLayoutQueueForTests();
+
+        expect(mutateCount).to.equal(4);
+    });
+
     it('should flush floating layout queue jobs when requestAnimationFrame stalls', async function () {
         const originalRequestAnimationFrame = global.requestAnimationFrame;
         const originalCancelAnimationFrame = global.cancelAnimationFrame;