mirror of
https://github.com/block/buzz.git
synced 2026-11-08 02:11:36 +00:00
87f8ff82ae
## Summary - Makes Projects repository-aware across browsing, branch and tag selection, local and remote source management, work items, commits, and contextual repository actions. - Refines project details into consistent single-column reading surfaces with a resizable, section-aware context pod, while keeping project conversations available in the attached chat panel. - Adds persistent sidebar project navigation, direct entity links, repository discussion channels, contributor identity matching, and consistent loading and activity presentation. - Keeps branch-specific controls on code-oriented sections while Tasks, Reviews, and Channels remain repository-scoped, reducing misleading context and actions. Replacement for #5981 with an identical final tree flattened into one signed-off commit because the required DCO check suite remained stalled. ### Related issue N/A ### Testing - [x] Desktop pre-push checks, TypeScript typecheck, and unit tests - [x] E2E production build with `pnpm build:e2e` - [x] Focused Playwright smoke coverage for project workspace, task, review, commit, sidebar, and contextual-panel behavior - [ ] Attach final before/after screenshots after design review --------- Signed-off-by: Thomas Petersen <thomasp@squareup.com> Signed-off-by: Wintermute <165f0c871dd2586bb18b6aa109eeaf57bb2132ff4d27b10120f4368a0f627022@buzz.block.builderlab.xyz> Co-authored-by: Wintermute <165f0c871dd2586bb18b6aa109eeaf57bb2132ff4d27b10120f4368a0f627022@buzz.block.builderlab.xyz>
100 lines
3.6 KiB
TypeScript
100 lines
3.6 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
import { installMockBridge } from "../helpers/bridge";
|
|
|
|
const ISSUE_COMMENTS = [
|
|
"First issue comment",
|
|
"Second issue comment",
|
|
"Third issue comment",
|
|
"Fourth issue comment",
|
|
];
|
|
|
|
async function openBuzzProject(page: import("@playwright/test").Page) {
|
|
await page.goto("/", { waitUntil: "domcontentloaded" });
|
|
await page.getByTestId("open-projects-view").click();
|
|
await page.getByTestId("projects-section-projects").click();
|
|
const projectEntry = page
|
|
.locator(
|
|
'[data-testid="project-card-buzz"], [data-testid="project-row-buzz"]',
|
|
)
|
|
.first();
|
|
await expect(projectEntry).toBeVisible({ timeout: 10_000 });
|
|
await projectEntry.click();
|
|
}
|
|
|
|
test("issue comments use the project activity timeline", async ({ page }) => {
|
|
await installMockBridge(page);
|
|
await openBuzzProject(page);
|
|
|
|
await page.getByRole("tab", { name: "Tasks", exact: true }).click();
|
|
const issueRow = page.getByTestId("project-issue-row").first();
|
|
await expect(issueRow).toBeVisible({ timeout: 10_000 });
|
|
await issueRow.getByRole("button", { name: /^#/ }).click();
|
|
|
|
const composer = page.getByTestId("project-issue-comment-composer");
|
|
await expect(composer).toBeVisible();
|
|
|
|
for (const comment of ISSUE_COMMENTS) {
|
|
await composer.locator('[contenteditable="true"]').fill(comment);
|
|
await composer.getByRole("button", { name: "Send message" }).click();
|
|
await expect(page.getByText(comment, { exact: true })).toBeVisible({
|
|
timeout: 10_000,
|
|
});
|
|
}
|
|
|
|
const timelineRows = page.getByTestId("project-issue-comment-timeline-row");
|
|
const earlierComments = page.getByTestId("project-issue-earlier-comments");
|
|
const historyToggle = page.getByTestId(
|
|
"project-issue-comment-history-toggle",
|
|
);
|
|
|
|
await expect(timelineRows).toHaveCount(3);
|
|
await expect(earlierComments).toContainText("Show 1 earlier comment");
|
|
await expect(
|
|
timelineRows.filter({ hasText: "First issue comment" }),
|
|
).toHaveCount(0);
|
|
await expect(
|
|
timelineRows.filter({ hasText: "Fourth issue comment" }),
|
|
).toHaveCount(1);
|
|
|
|
await earlierComments.click();
|
|
await expect(timelineRows).toHaveCount(4);
|
|
for (const comment of ISSUE_COMMENTS) {
|
|
await expect(timelineRows.filter({ hasText: comment })).toHaveCount(1);
|
|
}
|
|
|
|
await historyToggle.click();
|
|
await expect(timelineRows).toHaveCount(0);
|
|
await expect(historyToggle).toContainText("Show 4 earlier comments");
|
|
|
|
await historyToggle.click();
|
|
await expect(timelineRows).toHaveCount(4);
|
|
});
|
|
|
|
test("issue assignees can be assigned and unassigned", async ({ page }) => {
|
|
await installMockBridge(page);
|
|
await openBuzzProject(page);
|
|
|
|
await page.getByRole("tab", { name: "Tasks", exact: true }).click();
|
|
const issueRow = page.getByTestId("project-issue-row").first();
|
|
await expect(issueRow).toBeVisible({ timeout: 10_000 });
|
|
await issueRow.getByRole("button", { name: /^#/ }).click();
|
|
|
|
await page.getByTestId("project-issue-assign").click();
|
|
const candidate = page
|
|
.locator('[data-testid^="project-assignee-result-"]')
|
|
.first();
|
|
await expect(candidate).toBeVisible();
|
|
const candidateTestId = await candidate.getAttribute("data-testid");
|
|
const assignee = candidateTestId?.replace("project-assignee-result-", "");
|
|
if (!assignee) throw new Error("Assignee result is missing its pubkey.");
|
|
expect(assignee).toMatch(/^[0-9a-f]{64}$/);
|
|
await candidate.click();
|
|
|
|
const unassign = page.getByTestId(`project-issue-unassign-${assignee}`);
|
|
await expect(unassign).toBeVisible({ timeout: 10_000 });
|
|
await unassign.click();
|
|
await expect(page.getByText("Task unassigned.")).toBeVisible();
|
|
await expect(unassign).toHaveCount(0, { timeout: 10_000 });
|
|
});
|