mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-03 18:50:30 +08:00
Rūdolfs Ošiņšanddnlklmn
d914710396
Co-authored-by: dnlklmn <pelicansinberlin@gmail.com> Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
278 lines
13 KiB
TypeScript
278 lines
13 KiB
TypeScript
import { test, cobUrl, expect } from "@tests/support/fixtures.js";
|
|
import { createProject } from "@tests/support/project";
|
|
import { readFile } from "node:fs/promises";
|
|
|
|
test("navigate issue listing", async ({ page }) => {
|
|
await page.goto(cobUrl);
|
|
await page.getByRole("link", { name: "1 issue" }).click();
|
|
await expect(page).toHaveURL(`${cobUrl}/issues`);
|
|
|
|
await page.getByRole("button", { name: "filter-dropdown" }).first().click();
|
|
await page.getByRole("link", { name: "2 closed" }).click();
|
|
await expect(page).toHaveURL(`${cobUrl}/issues?state=closed`);
|
|
});
|
|
|
|
test("navigate single issue", async ({ page }) => {
|
|
await page.goto(`${cobUrl}/issues`);
|
|
await page.getByText("This title has markdown").click();
|
|
|
|
await expect(page).toHaveURL(
|
|
`${cobUrl}/issues/9cedac832f0791bea5c9cf8fa32db8a68c592166`,
|
|
);
|
|
});
|
|
|
|
test("adding and removing reactions", async ({ page, authenticatedPeer }) => {
|
|
await page.goto(authenticatedPeer.uiUrl());
|
|
const { rid, projectFolder } = await createProject(
|
|
authenticatedPeer,
|
|
"handle-reactions",
|
|
);
|
|
await authenticatedPeer.rad(
|
|
[
|
|
"issue",
|
|
"open",
|
|
"--title",
|
|
"This is an issue to test reactions",
|
|
"--description",
|
|
"We'll write some comments and add and remove reactions to them",
|
|
],
|
|
{ cwd: projectFolder },
|
|
);
|
|
await page.goto(
|
|
`${authenticatedPeer.uiUrl()}/${rid}/issues/48af7d329e5b44ee8d348eeb7e341370243db9ad`,
|
|
);
|
|
const commentReactionToggle = page
|
|
.getByTitle("toggle-reaction-popover")
|
|
.last();
|
|
await page.getByRole("button", { name: "Leave your comment" }).click();
|
|
await page.getByPlaceholder("Leave your comment").fill("This is a comment");
|
|
await page.getByRole("button", { name: "Comment" }).first().click();
|
|
await commentReactionToggle.click();
|
|
await page.getByRole("button", { name: "👍" }).click();
|
|
await expect(page.getByRole("button", { name: "👍 1" })).toBeVisible();
|
|
|
|
await commentReactionToggle.click();
|
|
await page.getByRole("button", { name: "🎉" }).click();
|
|
await expect(page.getByRole("button", { name: "🎉 1" })).toBeVisible();
|
|
await expect(page.locator(".reaction")).toHaveCount(2);
|
|
|
|
await page.getByRole("button", { name: "👍" }).click();
|
|
await expect(page.locator("span").filter({ hasText: "👍 1" })).toBeHidden();
|
|
await expect(page.locator(".reaction")).toHaveCount(1);
|
|
|
|
await page.getByRole("button", { name: "🎉" }).click();
|
|
await expect(page.locator("span").filter({ hasText: "🎉 1" })).toBeHidden();
|
|
await expect(page.locator(".reaction")).toHaveCount(0);
|
|
});
|
|
|
|
test("test issue counters", async ({ page, authenticatedPeer }) => {
|
|
const { rid, projectFolder } = await createProject(
|
|
authenticatedPeer,
|
|
"issue-counters",
|
|
);
|
|
await authenticatedPeer.rad(
|
|
[
|
|
"issue",
|
|
"open",
|
|
"--title",
|
|
"First issue to test counters",
|
|
"--description",
|
|
"Let's see",
|
|
],
|
|
{ cwd: projectFolder },
|
|
);
|
|
await page.goto(`${authenticatedPeer.uiUrl()}/${rid}/issues`);
|
|
await authenticatedPeer.rad(
|
|
[
|
|
"issue",
|
|
"open",
|
|
"--title",
|
|
"Second issue to test counters",
|
|
"--description",
|
|
"Let's see",
|
|
],
|
|
{ cwd: projectFolder },
|
|
);
|
|
await page.getByRole("button", { name: "filter-dropdown" }).first().click();
|
|
await page.locator(".dropdown-item").getByText("1 open").click();
|
|
await expect(page.getByRole("button", { name: "2 issues" })).toBeVisible();
|
|
await expect(
|
|
page.getByRole("button", { name: "filter-dropdown" }).first(),
|
|
).toHaveText("2 open");
|
|
await expect(page.locator(".list .issue-teaser")).toHaveCount(2);
|
|
|
|
await page
|
|
.getByRole("link", { name: "First issue to test counters" })
|
|
.click();
|
|
await page.getByRole("button", { name: "Close issue as solved" }).click();
|
|
await expect(page.getByRole("button", { name: "1 issue" })).toBeVisible();
|
|
});
|
|
|
|
test("test issue editing failing", async ({ page, authenticatedPeer }) => {
|
|
const { rid, projectFolder } = await createProject(
|
|
authenticatedPeer,
|
|
"issue-editing",
|
|
);
|
|
await authenticatedPeer.rad(
|
|
[
|
|
"issue",
|
|
"open",
|
|
"--title",
|
|
"This issue is going to fail",
|
|
"--description",
|
|
"Let's see",
|
|
],
|
|
{ cwd: projectFolder },
|
|
);
|
|
|
|
await page.route(
|
|
`**/v1/projects/${rid}/issues/ad9114fa910c67f09ce5d42d12c31038eb40fc86`,
|
|
route => {
|
|
if (route.request().method() !== "PATCH") {
|
|
void route.fallback();
|
|
return;
|
|
}
|
|
void route.fulfill({ status: 500 });
|
|
},
|
|
);
|
|
|
|
await page.goto(
|
|
`${authenticatedPeer.uiUrl()}/${rid}/issues/ad9114fa910c67f09ce5d42d12c31038eb40fc86`,
|
|
);
|
|
|
|
await page.getByRole("button", { name: "Leave your comment" }).click();
|
|
await page.getByPlaceholder("Leave your comment").fill("This is a comment");
|
|
await page.getByRole("button", { name: "Comment" }).first().click();
|
|
await expect(page.getByText("Issue editing failed")).toBeVisible();
|
|
});
|
|
|
|
test("go through the entire ui issue flow", async ({
|
|
page,
|
|
authenticatedPeer,
|
|
}) => {
|
|
const { rid } = await createProject(authenticatedPeer, "commenting");
|
|
|
|
await page.goto(
|
|
`/nodes/${authenticatedPeer.httpdBaseUrl.hostname}:${authenticatedPeer.httpdBaseUrl.port}/${rid}`,
|
|
);
|
|
await page.getByRole("link", { name: "0 issues" }).click();
|
|
await page.getByRole("link", { name: "New issue" }).click();
|
|
await page.getByPlaceholder("Title").fill("This is a title");
|
|
await page
|
|
.getByPlaceholder("Write a description")
|
|
.fill("This is a description");
|
|
|
|
await page.getByPlaceholder("Add assignee").fill(authenticatedPeer.nodeId);
|
|
await page.getByPlaceholder("Add assignee").press("Enter");
|
|
|
|
await page.getByPlaceholder("Add label").fill("bug");
|
|
await page.getByPlaceholder("Add label").press("Enter");
|
|
await page.getByPlaceholder("Add label").fill("documentation");
|
|
await page.getByPlaceholder("Add label").press("Enter");
|
|
await page.getByRole("button", { name: "Submit" }).click();
|
|
|
|
await expect(page.getByText("This is a title")).toBeVisible();
|
|
await expect(page.getByText("This is a description")).toBeVisible();
|
|
await expect(
|
|
page.getByText(
|
|
`did:key:${authenticatedPeer.nodeId.substring(
|
|
0,
|
|
6,
|
|
)}…${authenticatedPeer.nodeId.slice(-6)}`,
|
|
),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.locator(".badge").filter({ hasText: "documentation" }),
|
|
).toBeVisible();
|
|
await expect(page.locator(".badge").filter({ hasText: "bug" })).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "edit title" }).click();
|
|
await page.getByPlaceholder("Title").fill("This is a new title");
|
|
await page.getByRole("button", { name: "save title" }).click();
|
|
await expect(page.getByText("This is a new title")).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Leave your comment" }).click();
|
|
await page.getByPlaceholder("Leave your comment").fill("This is a comment");
|
|
await page.getByRole("button", { name: "Comment" }).first().click();
|
|
await expect(page.getByText("This is a comment")).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Reply to comment" }).click();
|
|
await page.getByPlaceholder("Reply to comment").fill("This is a reply");
|
|
await page.getByRole("button", { name: "Comment", exact: true }).click();
|
|
await expect(page.getByText("This is a reply")).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Close issue as solved" }).click();
|
|
await expect(page.getByText("closed as solved")).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Reopen issue" }).click();
|
|
await expect(page.getByText("open", { exact: true })).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "stateToggle" }).first().click();
|
|
await page.getByText("Close issue as other").click();
|
|
await page.getByRole("button", { name: "Close issue as other" }).click();
|
|
await expect(page.getByText("closed as other")).toBeVisible();
|
|
});
|
|
|
|
test("handling embeds", async ({ page, authenticatedPeer }) => {
|
|
const buffer = await readFile("./public/images/radicle-228x228.png");
|
|
const base64Data = buffer.toString("base64");
|
|
const { rid } = await createProject(authenticatedPeer, "embeds");
|
|
|
|
await page.goto(
|
|
`/nodes/${authenticatedPeer.httpdBaseUrl.hostname}:${authenticatedPeer.httpdBaseUrl.port}/${rid}/issues/new`,
|
|
);
|
|
|
|
const dataTransfer = await page.evaluateHandle(data => {
|
|
const arrayBuffer = Uint8Array.from(atob(data), c => c.charCodeAt(0));
|
|
const dt = new DataTransfer();
|
|
const file = new File([arrayBuffer.buffer], "radicle-228x228.png", {
|
|
type: "image/png",
|
|
});
|
|
dt.items.add(file);
|
|
return dt;
|
|
}, base64Data);
|
|
|
|
await page.getByPlaceholder("Title").fill("This is a title");
|
|
await page
|
|
.getByPlaceholder("Write a description")
|
|
.fill("Here is some text\n\n");
|
|
await page.dispatchEvent("textarea[aria-label=textarea-comment]", "drop", {
|
|
dataTransfer,
|
|
});
|
|
await expect(page.getByPlaceholder("Write a description")).toHaveValue(
|
|
"Here is some text\n\n\n",
|
|
);
|
|
|
|
await page.getByRole("button", { name: "Preview" }).click();
|
|
await expect(
|
|
page.getByRole("img", { name: "radicle-228x228.png" }),
|
|
).toBeVisible();
|
|
expect(
|
|
await page
|
|
.getByRole("img", { name: "radicle-228x228.png" })
|
|
.getAttribute("src"),
|
|
).toBe(
|
|
"data:image/png;base64,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",
|
|
);
|
|
|
|
await page.getByRole("button", { name: "Submit" }).click();
|
|
await expect(page.getByRole("button", { name: "Submit" })).toBeHidden();
|
|
await expect(page.getByText("This is a title")).toBeVisible();
|
|
await expect(page.getByText("Here is some text")).toBeVisible();
|
|
await expect(
|
|
page.getByRole("img", { name: "radicle-228x228.png" }),
|
|
).toBeVisible();
|
|
const { scheme, hostname, port } = authenticatedPeer.httpdBaseUrl;
|
|
expect(
|
|
await page
|
|
.getByRole("img", { name: "radicle-228x228.png" })
|
|
.getAttribute("src"),
|
|
).toBe(
|
|
`${scheme}://${hostname}:${port}/raw/rad:z2J7s48EbCBckcEmj2dm5eaFVoBsy/blobs/bae036309c2182c7304c97956969369823b5c6ad?mime=image/png`,
|
|
);
|
|
|
|
await expect(
|
|
page.locator(".badge").filter({ hasText: "radicle-228x228.png" }),
|
|
).toBeVisible();
|
|
});
|