mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-01 17:50:29 +08:00
Sebastian Martinez
bac15bfdc7
Following the heartwood release 6ca7da2 we also rename tracking to seeding, and update our `radicle-httpd` endpoints and configs. Also updates test suites to handle new CLI commands.
489 lines
16 KiB
TypeScript
489 lines
16 KiB
TypeScript
import type { Page } from "@playwright/test";
|
|
|
|
import {
|
|
aliceMainHead,
|
|
bobHead,
|
|
cobUrl,
|
|
expect,
|
|
markdownUrl,
|
|
sourceBrowsingRid,
|
|
sourceBrowsingUrl,
|
|
test,
|
|
} from "@tests/support/fixtures.js";
|
|
import { expectUrlPersistsReload } from "@tests/support/router";
|
|
|
|
async function expectCounts(
|
|
params: { commits: number; contributors: number },
|
|
page: Page,
|
|
) {
|
|
await expect(
|
|
page.getByRole("link", {
|
|
name: `${params.commits} ${params.commits === 1 ? "commit" : "commits"}`,
|
|
}),
|
|
).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByText(
|
|
`${params.contributors} ${
|
|
params.contributors === 1 ? "contributor" : "contributors"
|
|
}`,
|
|
),
|
|
).toBeVisible();
|
|
}
|
|
|
|
test("navigate to project", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
// Header.
|
|
{
|
|
const name = page.getByRole("link", { name: "source-browsing" }).nth(1);
|
|
const id = page.getByText(sourceBrowsingRid);
|
|
const description = page.getByText(
|
|
"Git repository for source browsing tests",
|
|
);
|
|
|
|
await expect(name).toBeVisible();
|
|
await expect(id).toBeVisible();
|
|
await expect(description).toBeVisible();
|
|
}
|
|
|
|
// Project menu shows default selected branch and commit and contributor counts.
|
|
{
|
|
await expect(page.getByLabel("canonical-branch")).toBeVisible();
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText(
|
|
aliceMainHead.substring(0, 7),
|
|
);
|
|
await expectCounts({ commits: 6, contributors: 1 }, page);
|
|
}
|
|
|
|
// Navigate to the project README.md by default.
|
|
await expect(page.locator(".filename")).toContainText("README.md");
|
|
|
|
// Show a commit teaser.
|
|
await expect(page.getByText("dd068e9 Add README.md")).toBeVisible();
|
|
|
|
// Show rendered README.md contents.
|
|
await expect(page.getByText("Git test repository")).toBeVisible();
|
|
|
|
// Number of nodes seeding this project.
|
|
await expect(page.getByText("Seeding 3")).toBeVisible();
|
|
});
|
|
|
|
test("show source tree at specific revision", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
await page.getByRole("link", { name: "6 commits" }).click();
|
|
|
|
await page
|
|
.locator(".teaser", { hasText: "335dd6d" })
|
|
.getByRole("button", {
|
|
name: "Browse the repository at this point in the history",
|
|
})
|
|
.click();
|
|
|
|
await expect(page.getByTitle("Current HEAD")).toContainText("335dd6d");
|
|
await expect(page.locator(".source-tree")).toHaveText("bin src");
|
|
await expectCounts({ commits: 2, contributors: 1 }, page);
|
|
});
|
|
|
|
test("source file highlighting", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByText("src").click();
|
|
await page.getByText("true.c").click();
|
|
|
|
await expect(page.getByText("return")).toHaveCSS(
|
|
"color",
|
|
"rgb(255, 123, 114)",
|
|
);
|
|
});
|
|
|
|
test("navigate line numbers", async ({ page }) => {
|
|
await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`);
|
|
await page.getByRole("button", { name: "Plain" }).click();
|
|
|
|
await page.getByRole("link", { name: "5", exact: true }).click();
|
|
await expect(page.locator("#L5")).toHaveClass("line highlight");
|
|
await expect(page).toHaveURL(`${markdownUrl}/tree/main/cheatsheet.md#L5`);
|
|
|
|
await expectUrlPersistsReload(page);
|
|
await expect(page.locator("#L5")).toHaveClass("line highlight");
|
|
|
|
await page.getByRole("link", { name: "30", exact: true }).click();
|
|
await expect(page.locator("#L5")).not.toHaveClass("line highlight");
|
|
await expect(page.locator("#L30")).toHaveClass("line highlight");
|
|
await expect(page).toHaveURL(`${markdownUrl}/tree/main/cheatsheet.md#L30`);
|
|
|
|
// Check that we go back to the Markdown view when navigating to a different
|
|
// file.
|
|
await page.getByRole("link", { name: "footnotes.md" }).click();
|
|
await expect(page.getByRole("button", { name: "Markdown" })).toHaveClass(
|
|
/gray-white/,
|
|
);
|
|
});
|
|
|
|
test("navigate deep file hierarchies", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
const sourceTree = page.locator(".source-tree");
|
|
|
|
await sourceTree.getByText("deep").click();
|
|
await sourceTree.getByText("directory").click();
|
|
await sourceTree.getByText("hierarchy").click();
|
|
await sourceTree.getByText("is").click();
|
|
await sourceTree.getByText("entirely").click();
|
|
await sourceTree.getByText("possible").click();
|
|
await sourceTree.getByText("in").nth(1).click();
|
|
await sourceTree.getByText("git").click();
|
|
await sourceTree.getByText("repositories").click();
|
|
await sourceTree.getByText(".gitkeep").click();
|
|
await expect(
|
|
page.getByText("0801ace Add a deeply nested directory tree"),
|
|
).toBeVisible();
|
|
|
|
// After a page reload the tree browser is still expanded and we're still
|
|
// showing the .gitkeep file.
|
|
{
|
|
await page.reload();
|
|
|
|
const sourceTree = page.locator(".source-tree");
|
|
|
|
await expect(sourceTree.getByText("deep")).toBeVisible();
|
|
await expect(sourceTree.getByText("directory")).toBeVisible();
|
|
await expect(sourceTree.getByText("hierarchy")).toBeVisible();
|
|
await expect(sourceTree.getByText("is")).toBeVisible();
|
|
await expect(sourceTree.getByText("entirely")).toBeVisible();
|
|
await expect(sourceTree.getByText("possible")).toBeVisible();
|
|
await expect(sourceTree.getByText("in").nth(1)).toBeVisible();
|
|
await expect(sourceTree.getByText("git").nth(1)).toBeVisible();
|
|
await expect(sourceTree.getByText("repositories")).toBeVisible();
|
|
await expect(sourceTree.getByText(".gitkeep")).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByText("0801ace Add a deeply nested directory tree"),
|
|
).toBeVisible();
|
|
}
|
|
});
|
|
|
|
test("files with special characters in the filename", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
const sourceTree = page.locator(".source-tree");
|
|
await sourceTree.getByText("special").click();
|
|
|
|
await sourceTree.getByText("+plus+").click();
|
|
await expect(page.locator(".filename")).toContainText("+plus");
|
|
|
|
await sourceTree.getByText("-dash-").click();
|
|
await expect(page.locator(".filename")).toContainText("-dash-");
|
|
|
|
await sourceTree.getByText(":colon:").click();
|
|
await expect(page.locator(".filename")).toContainText(":colon:");
|
|
|
|
await sourceTree.getByText(";semicolon;").click();
|
|
await expect(page.locator(".filename")).toContainText(";semicolon;");
|
|
|
|
await sourceTree.getByText("@at@").click();
|
|
await expect(page.locator(".filename")).toContainText("@at@");
|
|
|
|
await sourceTree.getByText("_underscore_").click();
|
|
await expect(page.locator(".filename")).toContainText("_underscore_");
|
|
|
|
// TODO: fix these errors in `radicle-httpd` for the following edge cases.
|
|
//
|
|
// await sourceTree.getByText("back\\slash").click();
|
|
// await expect(page.locator(".filename")).toContainText("back\\slash");
|
|
// await sourceTree.getByText("qs?param1=value?param2=value2#hash").click();
|
|
// await expect(page.locator(".filename")).toContainText(
|
|
// "qs?param1=value?param2=value2#hash",
|
|
// );
|
|
|
|
await sourceTree.getByText("spaces are okay").click();
|
|
await expect(page.locator(".filename")).toContainText("spaces are okay");
|
|
|
|
await sourceTree.getByText("~tilde~").click();
|
|
await expect(page.locator(".filename")).toContainText("~tilde~");
|
|
|
|
await sourceTree.getByText("👹👹👹").click();
|
|
await expect(page.locator(".filename")).toContainText("👹👹👹");
|
|
});
|
|
|
|
test("binary files", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByText("bin").click();
|
|
await page.getByText("true").click();
|
|
|
|
await expect(page.getByText("Binary file")).toBeVisible();
|
|
});
|
|
|
|
test("empty files", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByText("special").click();
|
|
await page.getByText("_underscore_").click();
|
|
|
|
await expect(page.getByText("Empty file")).toBeVisible();
|
|
});
|
|
|
|
test("hidden files", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByText(".hidden").click();
|
|
|
|
await expect(page.getByText("I'm a hidden file.")).toBeVisible();
|
|
});
|
|
|
|
test("markdown files", async ({ page }) => {
|
|
await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`);
|
|
|
|
await expect(
|
|
page.getByText("This is intended as a quick reference and showcase."),
|
|
).toBeVisible();
|
|
|
|
// Switch between raw and rendered modes.
|
|
{
|
|
await expect(page.getByRole("button", { name: "Markdown" })).toHaveClass(
|
|
/gray-white/,
|
|
);
|
|
await expect(page.getByRole("button", { name: "Plain" })).not.toHaveClass(
|
|
/gray-white/,
|
|
);
|
|
await page.getByRole("button", { name: "Plain" }).click();
|
|
await expect(
|
|
page.getByRole("button", { name: "Markdown" }),
|
|
).not.toHaveClass(/gray-white/);
|
|
await expect(page.getByRole("button", { name: "Plain" })).toHaveClass(
|
|
/gray-white/,
|
|
);
|
|
await expect(page.getByText("##### Table of Contents")).toBeVisible();
|
|
await page.getByRole("button", { name: "Markdown" }).click();
|
|
}
|
|
|
|
// Internal links go to anchor.
|
|
{
|
|
await page.getByRole("link", { name: "YouTube Videos" }).click();
|
|
await expect(page).toHaveURL(
|
|
`${markdownUrl}/tree/main/cheatsheet.md#videos`,
|
|
);
|
|
}
|
|
});
|
|
|
|
test("clone modal", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByText("Clone").click();
|
|
await expect(page.getByText(`rad clone ${sourceBrowsingRid}`)).toBeVisible();
|
|
await expect(
|
|
page.getByText(
|
|
`http://127.0.0.1/${sourceBrowsingRid.replace("rad:", "")}.git`,
|
|
),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("peer and branch switching", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
// Alice's peer.
|
|
{
|
|
await page.getByTitle("Change peer").click();
|
|
await page
|
|
.getByRole("link", {
|
|
name: "alice delegate",
|
|
})
|
|
.click();
|
|
await expect(page.getByTitle("Change peer")).toHaveText("alice delegate");
|
|
|
|
// Default `main` branch.
|
|
{
|
|
await expect(page.getByTitle("Change branch")).toHaveText("main");
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText(
|
|
aliceMainHead.substring(0, 7),
|
|
);
|
|
await expectCounts({ commits: 6, contributors: 1 }, page);
|
|
}
|
|
|
|
// Feature branch with a slash in the name.
|
|
{
|
|
await page.getByTitle("Change branch").click();
|
|
await page.getByText("feature/branch").click();
|
|
|
|
await expect(
|
|
page.getByRole("button", { name: "feature/branch" }),
|
|
).toBeVisible();
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText("1aded56");
|
|
await expectCounts({ commits: 9, contributors: 1 }, page);
|
|
}
|
|
|
|
// Branch without a history or files in it.
|
|
{
|
|
await page.getByTitle("Change branch").click();
|
|
await page.getByText("orphaned-branch").click();
|
|
|
|
await expect(
|
|
page.getByRole("button", { name: "orphaned-branch" }),
|
|
).toBeVisible();
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText("af3641c");
|
|
await expectCounts({ commits: 1, contributors: 1 }, page);
|
|
|
|
await expect(page.getByText("No files at this revision")).toBeVisible();
|
|
}
|
|
}
|
|
|
|
// Reset the source browser by clicking the project title.
|
|
{
|
|
await page.getByRole("link", { name: "source-browsing" }).nth(1).click();
|
|
|
|
await expect(page.getByTitle("Change peer")).not.toContainText("alice");
|
|
await expect(page.getByTitle("Change peer")).not.toContainText("bob");
|
|
|
|
await expect(page.getByLabel("canonical-branch")).toBeVisible();
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText(
|
|
aliceMainHead.substring(0, 7),
|
|
);
|
|
await expect(page.getByText("Git test repository")).toBeVisible();
|
|
}
|
|
|
|
// Bob's peer.
|
|
{
|
|
await page.getByTitle("Change peer").click();
|
|
await page.getByRole("link", { name: "bob" }).click();
|
|
await expect(page.getByTitle("Change peer")).toContainText("bob");
|
|
await expect(page.getByTitle("Change peer")).not.toHaveText("delegate");
|
|
|
|
// Default `main` branch.
|
|
{
|
|
await expect(page.getByRole("button", { name: "main" })).toBeVisible();
|
|
await expect(page.getByTitle("Current HEAD")).toHaveText(
|
|
bobHead.substring(0, 7),
|
|
);
|
|
await expectCounts({ commits: 7, contributors: 2 }, page);
|
|
await expect(
|
|
page.getByText(`${bobHead.substring(0, 7)} Update readme`),
|
|
).toBeVisible();
|
|
}
|
|
}
|
|
});
|
|
|
|
test("only one modal can be open at a time", async ({ page }) => {
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
await page.getByTitle("Change peer").click();
|
|
await page
|
|
.getByRole("link", {
|
|
name: "alice delegate",
|
|
})
|
|
.click();
|
|
|
|
await page.getByText("Clone").click();
|
|
await expect(page.getByText("Code font")).not.toBeVisible();
|
|
await expect(page.getByText("Use the Radicle CLI")).toBeVisible();
|
|
await expect(page.getByText("bob")).not.toBeVisible();
|
|
await expect(page.getByText("feature/branch")).not.toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Theme" }).first().click();
|
|
await expect(page.getByText("Code font")).toBeVisible();
|
|
await expect(page.getByText("Use the Radicle CLI")).not.toBeVisible();
|
|
await expect(page.getByText("bob")).not.toBeVisible();
|
|
await expect(page.getByText("feature/branch")).not.toBeVisible();
|
|
|
|
await page.getByTitle("Change branch").click();
|
|
await expect(page.getByText("Code font")).not.toBeVisible();
|
|
await expect(page.getByText("Use the Radicle CLI")).not.toBeVisible();
|
|
await expect(page.getByText("bob")).not.toBeVisible();
|
|
await expect(page.getByText("feature/branch")).toBeVisible();
|
|
|
|
await page.getByTitle("Change peer").click();
|
|
await expect(page.getByText("Code font")).not.toBeVisible();
|
|
await expect(page.getByText("Use the Radicle CLI")).not.toBeVisible();
|
|
await expect(page.getByText("bob")).toBeVisible();
|
|
await expect(page.getByText("feature/branch")).not.toBeVisible();
|
|
});
|
|
|
|
test.describe("browser error handling", () => {
|
|
test("error appears when folder can't be loaded", async ({ page }) => {
|
|
await page.route(
|
|
`**/v1/projects/${sourceBrowsingRid}/tree/${aliceMainHead}/src/`,
|
|
route => route.fulfill({ status: 500 }),
|
|
);
|
|
|
|
await page.goto(sourceBrowsingUrl);
|
|
|
|
const sourceTree = page.locator(".source-tree");
|
|
await sourceTree.getByText("src").click();
|
|
|
|
await expect(page.getByText("File not found")).toBeVisible();
|
|
});
|
|
test("error appears when file can't be loaded", async ({ page }) => {
|
|
await page.route(
|
|
`**/v1/projects/${sourceBrowsingRid}/blob/${aliceMainHead}/.hidden`,
|
|
route => route.fulfill({ status: 500 }),
|
|
);
|
|
|
|
await page.goto(sourceBrowsingUrl);
|
|
await page.getByText(".hidden").click();
|
|
|
|
await expect(page.getByText("File not found")).toBeVisible();
|
|
});
|
|
test("error appears when README can't be loaded", async ({ page }) => {
|
|
await page.route(
|
|
`**/v1/projects/${sourceBrowsingRid}/readme/${aliceMainHead}`,
|
|
route => route.fulfill({ status: 500 }),
|
|
);
|
|
|
|
await page.goto(sourceBrowsingUrl);
|
|
await expect(page.getByText("File not found")).toBeVisible();
|
|
});
|
|
test("error appears when navigating to missing file", async ({ page }) => {
|
|
await page.route(
|
|
`**/v1/projects/${sourceBrowsingRid}/blob/${aliceMainHead}/.hidden`,
|
|
route => route.fulfill({ status: 500 }),
|
|
);
|
|
|
|
await page.goto(`${sourceBrowsingUrl}/tree/master/.hidden`);
|
|
|
|
await expect(page.getByText("File not found")).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test("external markdown link", async ({ page }) => {
|
|
await page.route("https://example.com/**", route => {
|
|
return route.fulfill({ body: "hello", contentType: "text/plain" });
|
|
});
|
|
await page.goto(`${markdownUrl}/tree/main/footnotes.md`);
|
|
await page.getByRole("link", { name: "https://example.com" }).click();
|
|
await expect(page).toHaveURL("https://example.com");
|
|
});
|
|
|
|
test("internal file markdown link", async ({ page }) => {
|
|
await page.goto(`${markdownUrl}/tree/main/link-files.md`);
|
|
await page.getByRole("link", { name: "Markdown Cheatsheet" }).click();
|
|
await expect(page).toHaveURL(`${markdownUrl}/tree/main/cheatsheet.md`);
|
|
await expect(
|
|
page.locator(".filename", { hasText: "cheatsheet.md" }),
|
|
).toBeVisible();
|
|
|
|
await page.goto(`${markdownUrl}/tree/main/link-files.md`);
|
|
await page.getByRole("link", { name: "black square" }).click();
|
|
await expect(page).toHaveURL(
|
|
`${markdownUrl}/tree/main/assets/black-square.png`,
|
|
);
|
|
await expect(
|
|
page.locator(".file-path", {
|
|
hasText: "assets/black-square.png",
|
|
}),
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole("link", { name: "black-square.png" }),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("diff selection de-select", async ({ page }) => {
|
|
await page.goto(
|
|
`${cobUrl}/patches/7db70f2ed80235db7f0ab9e5537e76572a304991?tab=changes#README.md:H0L0H0L3`,
|
|
);
|
|
await page.getByText("Add subtitle to README").click();
|
|
await expect(page).toHaveURL(
|
|
`${cobUrl}/patches/7db70f2ed80235db7f0ab9e5537e76572a304991?tab=changes`,
|
|
);
|
|
});
|