Carlos Florêncio
56 lines
2.2 KiB
TypeScript
56 lines
2.2 KiB
TypeScript
import { test, expect } from "../../fixtures/test-base";
|
|
import type { Page } from "@playwright/test";
|
|
import { MobileKanbanPage } from "../../pages/mobile-kanban-page";
|
|
|
|
async function openRemotePicker(testPage: Page): Promise<void> {
|
|
const mobile = new MobileKanbanPage(testPage);
|
|
await mobile.goto();
|
|
await mobile.mobileFab.click();
|
|
await expect(testPage.getByTestId("create-task-dialog")).toBeVisible();
|
|
await testPage.getByTestId("source-mode-remote").click();
|
|
await testPage.getByTestId("remote-repo-chip-trigger").first().click();
|
|
}
|
|
|
|
async function expectPopoverFitsViewport(testPage: Page): Promise<void> {
|
|
const viewport = testPage.viewportSize();
|
|
const box = await testPage.getByTestId("remote-repo-popover-content").boundingBox();
|
|
expect(viewport).not.toBeNull();
|
|
expect(box).not.toBeNull();
|
|
expect(box!.x).toBeGreaterThanOrEqual(0);
|
|
expect(box!.x + box!.width).toBeLessThanOrEqual(viewport!.width);
|
|
expect(box!.y + box!.height).toBeLessThanOrEqual(viewport!.height);
|
|
}
|
|
|
|
test.describe("Create task Remote repo picker on mobile", () => {
|
|
test.beforeEach(async ({ apiClient }) => {
|
|
await apiClient.mockGitHubReset();
|
|
});
|
|
|
|
test("pastes a GitHub issue URL without clipping the picker", async ({ testPage, apiClient }) => {
|
|
await apiClient.mockGitHubAddBranches("issue-owner", "issue-repo", [{ name: "main" }]);
|
|
await apiClient.mockGitHubAddIssues([
|
|
{
|
|
number: 1456,
|
|
title: "Fix remote repo picker clipping",
|
|
body: "The picker overlaps the dialog footer.",
|
|
state: "open",
|
|
author_login: "mock-user",
|
|
repo_owner: "issue-owner",
|
|
repo_name: "issue-repo",
|
|
html_url: "https://github.com/issue-owner/issue-repo/issues/1456",
|
|
},
|
|
]);
|
|
|
|
await openRemotePicker(testPage);
|
|
await expectPopoverFitsViewport(testPage);
|
|
const pasteInput = testPage.getByTestId("remote-paste-url-input").last();
|
|
await pasteInput.fill("https://github.com/issue-owner/issue-repo/issues/1456");
|
|
await pasteInput.press("Enter");
|
|
|
|
await expect(testPage.getByTestId("task-title-input")).toHaveValue(
|
|
"Issue #1456: Fix remote repo picker clipping",
|
|
{ timeout: 10_000 },
|
|
);
|
|
});
|
|
});
|