mirror of
https://github.com/getpaseo/paseo.git
synced 2026-10-24 10:12:44 +00:00
Mohamed Boudra
ec9817ed27
* fix(app): make home actions reachable on short screens Keep the home cards and community links in one scrollable flow so overflow stays reachable and the footer cannot overlap the cards. * fix(app): keep home scrolling clear of window drag regions
43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
import { type Page } from "@playwright/test";
|
|
import { test, expect } from "../support/fixtures";
|
|
|
|
async function openProjectHome(page: Page) {
|
|
await page.goto("/open-project");
|
|
await expect(page.getByText("Add a project", { exact: true })).toBeVisible();
|
|
}
|
|
|
|
async function scrollToHomeFooter(page: Page) {
|
|
await page.mouse.move(160, 350);
|
|
await page.mouse.wheel(0, 1500);
|
|
}
|
|
|
|
async function expectHomeActionsReachable(page: Page) {
|
|
const providers = page.getByTestId("open-project-setup-providers");
|
|
const community = page.getByRole("button", { name: "Community", exact: true });
|
|
await expect(providers).toBeInViewport({ ratio: 1 });
|
|
await expect(community).toBeInViewport({ ratio: 1 });
|
|
const providerBounds = await providers.boundingBox();
|
|
const communityBounds = await community.boundingBox();
|
|
expect(providerBounds).not.toBeNull();
|
|
expect(communityBounds).not.toBeNull();
|
|
expect(communityBounds!.y).toBeGreaterThanOrEqual(providerBounds!.y + providerBounds!.height);
|
|
}
|
|
|
|
test("home actions remain reachable on a short phone screen", async ({ page }, testInfo) => {
|
|
await page.setViewportSize({ width: 320, height: 568 });
|
|
await openProjectHome(page);
|
|
await scrollToHomeFooter(page);
|
|
await expectHomeActionsReachable(page);
|
|
await page.screenshot({ path: testInfo.outputPath("home-scrolled.png") });
|
|
});
|
|
|
|
test("home actions fit on a desktop screen without overlap", async ({ page }) => {
|
|
await page.setViewportSize({ width: 1280, height: 900 });
|
|
await openProjectHome(page);
|
|
await expectHomeActionsReachable(page);
|
|
await expect(page.getByTestId("open-project-setup-providers")).toHaveCSS(
|
|
"-webkit-app-region",
|
|
"none",
|
|
);
|
|
});
|