Trim resize-event tests and require observer baseline

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: issackjohn

experimental/tests.mjs

@@ -208,7 +208,7 @@ export const ExperimentalSuites = freezeSuites([
                 const MATCH_MEDIA_QUERY_BREAKPOINT = 640;
                 const carouselResizeEvents = observeRecipeCarouselResizeEvents(page);
                 // Seed the baseline width before the synchronous width changes below.
-                await Promise.race([carouselResizeEvents.ready, new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))]);
+                await carouselResizeEvents.ready;
 
                 // The matchMedia query is "(max-width: 640px)"
                 // Starting from a width > 640px, we'll only get 1 event when crossing to <= 640px
@@ -271,7 +271,7 @@ export const ExperimentalSuites = freezeSuites([
                 const MATCH_MEDIA_QUERY_BREAKPOINT = 704;
                 const carouselResizeEvents = observeRecipeCarouselResizeEvents(page);
                 // Seed the baseline width before the synchronous width changes below.
-                await Promise.race([carouselResizeEvents.ready, new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))]);
+                await carouselResizeEvents.ready;
 
                 // The matchMedia query is "(max-width: 640px)"
                 // Starting from a width <= 640px, we'll get 1 event when crossing back to > 640px.

tests/unittests/benchmark-runner.mjs

@@ -288,17 +288,12 @@ describe("PageElement", () => {
         // A fake ResizeObserver drives deliveries synchronously for exact-count assertions.
         async function createTracker() {
             let deliver;
-            let deliverEntries;
-            let disconnected = false;
             class FakeResizeObserver {
                 constructor(callback) {
                     deliver = (...widths) => callback(widths.map((width) => ({ contentBoxSize: [{ inlineSize: width }] })));
-                    deliverEntries = (entries) => callback(entries);
                 }
                 observe() {}
-                disconnect() {
-                    disconnected = true;
-                }
+                disconnect() {}
             }
             return await withPageElement(
                 (frame) => {
@@ -311,17 +306,14 @@ describe("PageElement", () => {
                 (element) => ({
                     resizeEvents: element.observeResizeEvents(),
                     deliver: (...widths) => deliver(...widths),
-                    deliverEntries: (entries) => deliverEntries(entries),
-                    get disconnected() {
-                        return disconnected;
-                    },
                 })
             );
         }
 
         it("treats the first delivery as the baseline without counting it", async () => {
             const { resizeEvents, deliver } = await createTracker();
             deliver(200);
+            await resizeEvents.ready;
             expect(resizeEvents.count).to.equal(0);
         });
 
@@ -342,38 +334,6 @@ describe("PageElement", () => {
             deliver(300);
             expect(resizeEvents.count).to.equal(1);
         });
-
-        it("supports a non-array contentBoxSize", async () => {
-            const { resizeEvents, deliverEntries } = await createTracker();
-            deliverEntries([{ contentBoxSize: { inlineSize: 200 } }]); // seed
-            deliverEntries([{ contentBoxSize: { inlineSize: 260 } }]);
-            expect(resizeEvents.count).to.equal(1);
-        });
-
-        it("falls back to contentRect.width when contentBoxSize is unavailable", async () => {
-            const { resizeEvents, deliverEntries } = await createTracker();
-            deliverEntries([{ contentRect: { width: 200 } }]); // seed
-            deliverEntries([{ contentRect: { width: 280 } }]);
-            expect(resizeEvents.count).to.equal(1);
-        });
-
-        it("resolves the ready promise on the first delivery", async () => {
-            const { resizeEvents, deliver } = await createTracker();
-            let resolved = false;
-            resizeEvents.ready.then(() => {
-                resolved = true;
-            });
-            deliver(200);
-            await resizeEvents.ready;
-            expect(resolved).to.equal(true);
-        });
-
-        it("disconnects the underlying observer", async () => {
-            const tracker = await createTracker();
-            expect(tracker.disconnected).to.equal(false);
-            tracker.resizeEvents.disconnect();
-            expect(tracker.disconnected).to.equal(true);
-        });
     });
     describe("observeResizeEvents with a real ResizeObserver", () => {
         // border-box width minus 20px padding and 10px border on each side.
@@ -414,25 +374,12 @@ describe("PageElement", () => {
             });
         }
 
-        it("does not count the initial delivery when no resize happens", async () => {
-            await withPageElement(
-                (frame) => appendBox(frame.contentDocument, 200),
-                async (element, div) => {
-                    const resizeEvents = element.observeResizeEvents();
-                    await waitForContentWidth(div, 200 - BORDER_BOX_INSET);
-                    await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
-                    expect(resizeEvents.count).to.equal(0);
-                    resizeEvents.disconnect();
-                }
-            );
-        });
-
         it("counts each distinct width change exactly once", async () => {
             await withPageElement(
                 (frame) => appendBox(frame.contentDocument, 200),
                 async (element, div) => {
                     const resizeEvents = element.observeResizeEvents();
-                    await waitForContentWidth(div, 200 - BORDER_BOX_INSET);
+                    await resizeEvents.ready;
                     div.style.width = "300px";
                     await waitForContentWidth(div, 300 - BORDER_BOX_INSET);
                     div.style.width = "400px";