jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-10-27 20:41:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(desktop): sample content gutters in one browser frame

Browse Source 
Poll a single DOM snapshot for both content edges so sidebar width transitions cannot mix rectangles from different frames. Preserve the existing half-pixel gutter tolerance.

Co-authored-by: Codex <noreply@openai.com>
Signed-off-by: seiler <seiler@squareup.com>
This commit is contained in:
seiler
2026-10-23 21:08:19 +00:00
parent b577ac2650
commit d3be9cd710
1 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
desktop/tests/e2e/community-rail.spec.ts
View File

@@ -30,19 +30,24 @@ async function expectContentSurfaceHorizontalGutters(
page: import("@playwright/test").Page,
expectedLeftGutter = 1,
) {
const [mainInsetBox, contentBox] = await Promise.all([
page.locator("[data-buzz-glass-inset]").boundingBox(),
page.locator("[data-buzz-content-surface]").first().boundingBox(),
]);
expect(mainInsetBox).not.toBeNull();
expect(contentBox).not.toBeNull();
const leftGutter = (contentBox?.x ?? 0) - (mainInsetBox?.x ?? 0);
const rightGutter =
(mainInsetBox?.x ?? 0) +
(mainInsetBox?.width ?? 0) -
((contentBox?.x ?? 0) + (contentBox?.width ?? 0));
expect(Math.abs(leftGutter - expectedLeftGutter)).toBeLessThan(0.5);
expect(Math.abs(rightGutter - 8)).toBeLessThan(0.5);
// Read both edges in one browser frame while the sidebar width transitions.
await expect
.poll(() =>
page.locator("[data-buzz-glass-inset]").evaluate((mainInset) => {
const content = mainInset.querySelector("[data-buzz-content-surface]");
if (!content) return null;
const mainInsetBox = mainInset.getBoundingClientRect();
const contentBox = content.getBoundingClientRect();
return {
left: contentBox.left - mainInsetBox.left,
right: mainInsetBox.right - contentBox.right,
};
}),
)
.toEqual({
left: expect.closeTo(expectedLeftGutter, 0),
right: expect.closeTo(8, 0),
});
}
async function seedCommunities(