Radish alpha
r
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Extract markdown from source-browsing fixture
Sebastian Martinez committed 2 years ago
commit 889b13303b4d618d2cb664e7ecd2f54b71514cfe
parent 0b61ad4aa2d77e90a9d2aea8528c63aaf28a4332
19 files changed +307 -228
modified httpd-client/tests/project.test.ts
@@ -1,7 +1,11 @@
import { describe, test } from "vitest";

import { HttpdClient } from "../index";
-
import { aliceMainHead, aliceRemote, rid } from "@tests/support/fixtures";
+
import {
+
  aliceMainHead,
+
  aliceRemote,
+
  sourceBrowsingRid,
+
} from "@tests/support/fixtures";

const api = new HttpdClient({
  hostname: "127.0.0.1",
@@ -19,44 +23,47 @@ describe("project", () => {
  });

  test("#getById(id)", async () => {
-
    await api.project.getById(rid);
+
    await api.project.getById(sourceBrowsingRid);
  });

  test("#getActivity(id)", async () => {
-
    await api.project.getActivity(rid);
+
    await api.project.getActivity(sourceBrowsingRid);
  });

  test("#getReadme(id, sha)", async () => {
-
    await api.project.getReadme(rid, aliceMainHead);
+
    await api.project.getReadme(sourceBrowsingRid, aliceMainHead);
  });

  test("#getBlob(id, sha, path)", async () => {
-
    await api.project.getBlob(rid, aliceMainHead, "src/true.c");
+
    await api.project.getBlob(sourceBrowsingRid, aliceMainHead, "src/true.c");
  });

  test("#getTree(id, sha)", async () => {
-
    await api.project.getTree(rid, aliceMainHead);
+
    await api.project.getTree(sourceBrowsingRid, aliceMainHead);
  });

  test("#getTree(id, sha, path)", async () => {
-
    await api.project.getTree(rid, aliceMainHead, "src");
+
    await api.project.getTree(sourceBrowsingRid, aliceMainHead, "src");
  });

  test("#getAllRemotes(id)", async () => {
-
    await api.project.getAllRemotes(rid);
+
    await api.project.getAllRemotes(sourceBrowsingRid);
  });

  test("#getRemoteByPeer(id, peer)", async () => {
-
    await api.project.getRemoteByPeer(rid, aliceRemote.substring(8));
+
    await api.project.getRemoteByPeer(
+
      sourceBrowsingRid,
+
      aliceRemote.substring(8),
+
    );
  });

  test("#getAllCommits(id)", async () => {
-
    await api.project.getAllCommits(rid);
+
    await api.project.getAllCommits(sourceBrowsingRid);
  });

  // TODO: test since/until properly.
  test("#getAllCommits(id, {parent, since, until, page, perPage})", async () => {
-
    await api.project.getAllCommits(rid, {
+
    await api.project.getAllCommits(sourceBrowsingRid, {
      parent: aliceMainHead,
      since: 1679065819581,
      until: 1679065819590,
@@ -66,7 +73,7 @@ describe("project", () => {
  });

  test("#getCommitBySha(id, sha)", async () => {
-
    await api.project.getCommitBySha(rid, aliceMainHead);
+
    await api.project.getCommitBySha(sourceBrowsingRid, aliceMainHead);
  });

  test.todo("#getDiff(id, revisionBase, revisionOid)");
modified tests/e2e/clipboard.spec.ts
@@ -2,8 +2,8 @@ import type { Page } from "@playwright/test";

import {
  expect,
-
  projectFixtureUrl,
-
  rid,
+
  sourceBrowsingUrl,
+
  sourceBrowsingRid,
  seedRemote,
  test,
} from "@tests/support/fixtures.js";
@@ -26,7 +26,7 @@ test("copy to clipboard", async ({ page, browserName, context }) => {
  }
  await context.grantPermissions(["clipboard-read", "clipboard-write"]);

-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  // Reset system clipboard to a known state.
  await page.evaluate<string>("navigator.clipboard.writeText('')");
@@ -37,19 +37,21 @@ test("copy to clipboard", async ({ page, browserName, context }) => {
    const clipboardContent = await page.evaluate<string>(
      "navigator.clipboard.readText()",
    );
-
    expect(clipboardContent).toBe(rid);
+
    expect(clipboardContent).toBe(sourceBrowsingRid);
  }

  // `rad clone` URL.
  {
    await page.getByText("Clone").click();
-
    await page.locator(`text=rad clone ${rid.substring(0, 6)}`).hover();
+
    await page
+
      .locator(`text=rad clone ${sourceBrowsingRid.substring(0, 6)}`)
+
      .hover();
    await page
      .locator(".clone-url-wrapper > span")
      .first()
      .locator(".clipboard")
      .click();
-
    await expectClipboard(`rad clone ${rid}`, page);
+
    await expectClipboard(`rad clone ${sourceBrowsingRid}`, page);
  }

  // `git clone` URL.
@@ -57,7 +59,7 @@ test("copy to clipboard", async ({ page, browserName, context }) => {
    await page.getByText("Clone").click();
    await page
      .locator(
-
        `text=git clone http://127.0.0.1/${rid
+
        `text=git clone http://127.0.0.1/${sourceBrowsingRid
          .replace("rad:", "")
          .substring(0, 10)}`,
      )
@@ -68,7 +70,7 @@ test("copy to clipboard", async ({ page, browserName, context }) => {
      .locator(".clipboard")
      .click();
    await expectClipboard(
-
      `git clone http://127.0.0.1/${rid.replace(
+
      `git clone http://127.0.0.1/${sourceBrowsingRid.replace(
        "rad:",
        "",
      )}.git source-browsing`,
modified tests/e2e/hashRouter.spec.ts
@@ -3,7 +3,7 @@ import {
  aliceRemote,
  appConfigWithFixture,
  expect,
-
  projectFixtureUrl,
+
  sourceBrowsingUrl,
  test,
} from "@tests/support/fixtures.js";
import {
@@ -18,7 +18,7 @@ test("navigate between landing and project page", async ({ page }) => {
  await expect(page).toHaveURL("/#/");

  await page.locator("text=source-browsing").click();
-
  await expect(page).toHaveURL(`/#${projectFixtureUrl}`);
+
  await expect(page).toHaveURL(`/#${sourceBrowsingUrl}`);

  await expectBackAndForwardNavigationWorks("/#/", page);
  await expectUrlPersistsReload(page);
@@ -27,9 +27,9 @@ test("navigate between landing and project page", async ({ page }) => {
test("navigation between seed and project pages", async ({ page }) => {
  await page.goto("/#/seeds/radicle.local");

-
  const project = page.locator(".project");
+
  const project = page.locator(".project", { hasText: "source-browsing" });
  await project.click();
-
  await expect(page).toHaveURL(`/#${projectFixtureUrl}`);
+
  await expect(page).toHaveURL(`/#${sourceBrowsingUrl}`);

  await expectBackAndForwardNavigationWorks("/#/seeds/radicle.local", page);
  await expectUrlPersistsReload(page);
@@ -42,12 +42,12 @@ test.describe("project page navigation", () => {
  test("navigation between commit history and single commit", async ({
    page,
  }) => {
-
    const projectHistoryURL = `/#${projectFixtureUrl}/history/${aliceMainHead}`;
+
    const projectHistoryURL = `/#${sourceBrowsingUrl}/history/${aliceMainHead}`;
    await page.goto(projectHistoryURL);

-
    await page.locator("text=Add Markdown cheat sheet").click();
+
    await page.locator("text=Add README.md").click();
    await expect(page).toHaveURL(
-
      `/#${projectFixtureUrl}/commits/f0b8db68847b01f0964380507a9db6800e5b5342`,
+
      `/#${sourceBrowsingUrl}/commits/${aliceMainHead}`,
    );

    await expectBackAndForwardNavigationWorks(projectHistoryURL, page);
@@ -55,20 +55,20 @@ test.describe("project page navigation", () => {
  });

  test("navigate between tree and commit history", async ({ page }) => {
-
    const projectTreeURL = `/#${projectFixtureUrl}`;
+
    const projectTreeURL = `/#${sourceBrowsingUrl}`;

    await page.goto(projectTreeURL);
    await expect(page).toHaveURL(projectTreeURL);

-
    await page.locator('role=link[name="8 commits"]').click();
-
    await expect(page).toHaveURL(`/#${projectFixtureUrl}/history`);
+
    await page.locator('role=link[name="6 commits"]').click();
+
    await expect(page).toHaveURL(`/#${sourceBrowsingUrl}/history`);

    await expectBackAndForwardNavigationWorks(projectTreeURL, page);
    await expectUrlPersistsReload(page);
  });

  test("navigate project paths", async ({ page }) => {
-
    const projectTreeURL = `/#${projectFixtureUrl}`;
+
    const projectTreeURL = `/#${sourceBrowsingUrl}`;

    await page.goto(projectTreeURL);
    await expect(page).toHaveURL(projectTreeURL);
@@ -88,7 +88,7 @@ test.describe("project page navigation", () => {
  });

  test("navigate project paths with a selected peer", async ({ page }) => {
-
    const projectTreeURL = `/#${projectFixtureUrl}/remotes/${aliceRemote.substring(
+
    const projectTreeURL = `/#${sourceBrowsingUrl}/remotes/${aliceRemote.substring(
      8,
    )}`;

modified tests/e2e/historyRouter.spec.ts
@@ -3,7 +3,7 @@ import {
  aliceRemote,
  appConfigWithFixture,
  expect,
-
  projectFixtureUrl,
+
  sourceBrowsingUrl,
  test,
} from "@tests/support/fixtures.js";
import {
@@ -18,7 +18,7 @@ test("navigate between landing and project page", async ({ page }) => {
  await expect(page).toHaveURL("/");

  await page.locator("text=source-browsing").click();
-
  await expect(page).toHaveURL(projectFixtureUrl);
+
  await expect(page).toHaveURL(sourceBrowsingUrl);

  await expectBackAndForwardNavigationWorks("/", page);
  await expectUrlPersistsReload(page);
@@ -27,9 +27,9 @@ test("navigate between landing and project page", async ({ page }) => {
test("navigation between seed and project pages", async ({ page }) => {
  await page.goto("/seeds/radicle.local");

-
  const project = page.locator(".project");
+
  const project = page.locator(".project", { hasText: "source-browsing" });
  await project.click();
-
  await expect(page).toHaveURL(projectFixtureUrl);
+
  await expect(page).toHaveURL(sourceBrowsingUrl);

  await expectBackAndForwardNavigationWorks("/seeds/radicle.local", page);
  await expectUrlPersistsReload(page);
@@ -42,12 +42,12 @@ test.describe("project page navigation", () => {
  test("navigation between commit history and single commit", async ({
    page,
  }) => {
-
    const projectHistoryURL = `${projectFixtureUrl}/history/${aliceMainHead}`;
+
    const projectHistoryURL = `${sourceBrowsingUrl}/history/${aliceMainHead}`;
    await page.goto(projectHistoryURL);

-
    await page.locator("text=Add Markdown cheat sheet").click();
+
    await page.locator("text=Add README.md").click();
    await expect(page).toHaveURL(
-
      `${projectFixtureUrl}/commits/f0b8db68847b01f0964380507a9db6800e5b5342`,
+
      `${sourceBrowsingUrl}/commits/${aliceMainHead}`,
    );

    await expectBackAndForwardNavigationWorks(projectHistoryURL, page);
@@ -55,14 +55,14 @@ test.describe("project page navigation", () => {
  });

  test("navigate between tree and commit history", async ({ page }) => {
-
    const projectTreeURL = `${projectFixtureUrl}/tree/${aliceMainHead}`;
+
    const projectTreeURL = `${sourceBrowsingUrl}/tree/${aliceMainHead}`;

    await page.goto(projectTreeURL);
    await expect(page).toHaveURL(projectTreeURL);

-
    await page.locator('role=link[name="8 commits"]').click();
+
    await page.locator('role=link[name="6 commits"]').click();
    await expect(page).toHaveURL(
-
      `${projectFixtureUrl}/history/${aliceMainHead}`,
+
      `${sourceBrowsingUrl}/history/${aliceMainHead}`,
    );

    await expectBackAndForwardNavigationWorks(projectTreeURL, page);
@@ -70,7 +70,7 @@ test.describe("project page navigation", () => {
  });

  test("navigate project paths", async ({ page }) => {
-
    const projectTreeURL = `${projectFixtureUrl}/tree/${aliceMainHead}`;
+
    const projectTreeURL = `${sourceBrowsingUrl}/tree/${aliceMainHead}`;

    await page.goto(projectTreeURL);
    await expect(page).toHaveURL(projectTreeURL);
@@ -90,7 +90,7 @@ test.describe("project page navigation", () => {
  });

  test("navigate project paths with a selected peer", async ({ page }) => {
-
    const projectTreeURL = `${projectFixtureUrl}/remotes/${aliceRemote.substring(
+
    const projectTreeURL = `${sourceBrowsingUrl}/remotes/${aliceRemote.substring(
      8,
    )}`;

modified tests/e2e/project.spec.ts
@@ -3,10 +3,12 @@ import type { Page } from "@playwright/test";
import {
  aliceMainHead,
  aliceRemote,
+
  bobHead,
  bobRemote,
  expect,
-
  projectFixtureUrl,
-
  rid,
+
  markdownUrl,
+
  sourceBrowsingRid,
+
  sourceBrowsingUrl,
  test,
} from "@tests/support/fixtures.js";
import { expectUrlPersistsReload } from "@tests/support/router";
@@ -33,12 +35,12 @@ async function expectCounts(
}

test("navigate to project", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  // Header.
  {
    const name = page.locator("text=source-browsing");
-
    const id = page.locator(`text=${rid}`);
+
    const id = page.locator(`text=${sourceBrowsingRid}`);
    const description = page.locator(
      "text=Git repository for source browsing tests",
    );
@@ -53,7 +55,7 @@ test("navigate to project", async ({ page }) => {
    await expect(page.getByTitle("Current branch")).toContainText(
      `main ${aliceMainHead.substring(0, 7)}`,
    );
-
    await expectCounts({ commits: 8, contributors: 1 }, page);
+
    await expectCounts({ commits: 6, contributors: 1 }, page);
  }

  // Navigate to the project README.md by default.
@@ -70,8 +72,8 @@ test("navigate to project", async ({ page }) => {
});

test("show source tree at specific revision", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
-
  await page.locator('role=link[name="8 commits"]').click();
+
  await page.goto(sourceBrowsingUrl);
+
  await page.locator('role=link[name="6 commits"]').click();

  await page
    .locator(".teaser", { hasText: "335dd6d" })
@@ -86,7 +88,7 @@ test("show source tree at specific revision", async ({ page }) => {
});

test("source file highlighting", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  await page.getByText("src/").click();
  await page.getByText("true.c").click();
@@ -98,14 +100,12 @@ test("source file highlighting", async ({ page }) => {
});

test("navigate line numbers", async ({ page }) => {
-
  await page.goto(`${projectFixtureUrl}/tree/main/markdown/cheatsheet.md`);
+
  await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`);
  await page.locator('text="Plain"').click();

  await page.locator('[href="#L5"]').click();
  await expect(page.locator("#L5")).toHaveClass("line highlight");
-
  await expect(page).toHaveURL(
-
    `${projectFixtureUrl}/tree/main/markdown/cheatsheet.md#L5`,
-
  );
+
  await expect(page).toHaveURL(`${markdownUrl}/tree/main/cheatsheet.md#L5`);

  await expectUrlPersistsReload(page);
  await expect(page.locator("#L5")).toHaveClass("line highlight");
@@ -113,16 +113,11 @@ test("navigate line numbers", async ({ page }) => {
  await page.locator('[href="#L30"]').click();
  await expect(page.locator("#L5")).not.toHaveClass("line highlight");
  await expect(page.locator("#L30")).toHaveClass("line highlight");
-
  await expect(page).toHaveURL(
-
    `${projectFixtureUrl}/tree/main/markdown/cheatsheet.md#L30`,
-
  );
-

-
  await page.getByText(".hidden").click();
-
  await expect(page).toHaveURL(`${projectFixtureUrl}/tree/main/.hidden`);
+
  await expect(page).toHaveURL(`${markdownUrl}/tree/main/cheatsheet.md#L30`);
});

test("navigate deep file hierarchies", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  const sourceTree = page.locator(".source-tree");

@@ -165,7 +160,7 @@ test("navigate deep file hierarchies", async ({ page }) => {
});

test("files with special characters in the filename", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  const sourceTree = page.locator(".source-tree");
  await sourceTree.getByText("special/").click();
@@ -209,7 +204,7 @@ test("files with special characters in the filename", async ({ page }) => {
});

test("binary files", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  await page.getByText("bin/").click();
  await page.getByText("true").click();
@@ -218,7 +213,7 @@ test("binary files", async ({ page }) => {
});

test("hidden files", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  await page.getByText(".hidden").click();

@@ -226,7 +221,7 @@ test("hidden files", async ({ page }) => {
});

test("markdown files", async ({ page }) => {
-
  await page.goto(`${projectFixtureUrl}/tree/main/markdown/cheatsheet.md`);
+
  await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`);

  await expect(
    page.locator("text=This is intended as a quick reference and showcase."),
@@ -246,23 +241,27 @@ test("markdown files", async ({ page }) => {
  {
    await page.getByRole("link", { name: "YouTube Videos" }).click();
    await expect(page).toHaveURL(
-
      `${projectFixtureUrl}/tree/main/markdown/cheatsheet.md#videos`,
+
      `${markdownUrl}/tree/main/cheatsheet.md#videos`,
    );
  }
});

test("clone modal", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  await page.getByText("Clone").click();
-
  await expect(page.locator(`text=rad clone ${rid}`)).toBeVisible();
  await expect(
-
    page.locator(`text=http://127.0.0.1/${rid.replace("rad:", "")}.git`),
+
    page.locator(`text=rad clone ${sourceBrowsingRid}`),
+
  ).toBeVisible();
+
  await expect(
+
    page.locator(
+
      `text=http://127.0.0.1/${sourceBrowsingRid.replace("rad:", "")}.git`,
+
    ),
  ).toBeVisible();
});

test("peer and branch switching", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  // Alice's peer.
  {
@@ -284,9 +283,9 @@ test("peer and branch switching", async ({ page }) => {
    // Default `main` branch.
    {
      await expect(page.getByTitle("Current branch")).toContainText(
-
        "main fcc9294",
+
        `main ${aliceMainHead.substring(0, 7)}`,
      );
-
      await expectCounts({ commits: 8, contributors: 1 }, page);
+
      await expectCounts({ commits: 6, contributors: 1 }, page);
    }

    // Feature branch with a slash in the name.
@@ -295,9 +294,9 @@ test("peer and branch switching", async ({ page }) => {
      await page.locator("text=feature/branch").click();

      await expect(page.getByTitle("Current branch")).toContainText(
-
        "feature/branch d6318f7",
+
        "feature/branch 1aded56",
      );
-
      await expectCounts({ commits: 10, contributors: 1 }, page);
+
      await expectCounts({ commits: 9, contributors: 1 }, page);
    }

    // Branch without a history or files in it.
@@ -324,7 +323,7 @@ test("peer and branch switching", async ({ page }) => {
    await expect(page.getByTitle("Change peer")).not.toContainText("bob");

    await expect(page.getByTitle("Current branch")).toContainText(
-
      "main fcc9294",
+
      `main ${aliceMainHead.substring(0, 7)}`,
    );
    await expect(page.locator("text=Git test repository")).toBeVisible();
  }
@@ -343,16 +342,18 @@ test("peer and branch switching", async ({ page }) => {
    // Default `main` branch.
    {
      await expect(page.getByTitle("Current branch")).toContainText(
-
        "main ec5eb0b",
+
        `main ${bobHead.substring(0, 7)}`,
      );
-
      await expectCounts({ commits: 9, contributors: 2 }, page);
-
      await expect(page.locator("text=ec5eb0b Update readme")).toBeVisible();
+
      await expectCounts({ commits: 7, contributors: 2 }, page);
+
      await expect(
+
        page.locator(`text=${bobHead.substring(0, 7)} Update readme`),
+
      ).toBeVisible();
    }
  }
});

test("only one modal can be open at a time", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);

  await page.getByTitle("Change peer").click();
  await page.locator(`text=${aliceRemote}`).click();
@@ -385,14 +386,14 @@ test("only one modal can be open at a time", async ({ page }) => {
test.describe("browser error handling", () => {
  test("error appears when folder can't be loaded", async ({ page }) => {
    await page.route(
-
      `**/v1/projects/${rid}/tree/${aliceMainHead}/markdown/`,
+
      `**/v1/projects/${sourceBrowsingRid}/tree/${aliceMainHead}/src/`,
      route => route.fulfill({ status: 500 }),
    );

-
    await page.goto(projectFixtureUrl);
+
    await page.goto(sourceBrowsingUrl);

    const sourceTree = page.locator(".source-tree");
-
    await sourceTree.locator("text=markdown/").click();
+
    await sourceTree.locator("text=src/").click();

    await expect(
      page.locator("text=Not able to expand directory"),
@@ -400,32 +401,33 @@ test.describe("browser error handling", () => {
  });
  test("error appears when file can't be loaded", async ({ page }) => {
    await page.route(
-
      `**/v1/projects/${rid}/blob/${aliceMainHead}/.hidden`,
+
      `**/v1/projects/${sourceBrowsingRid}/blob/${aliceMainHead}/.hidden`,
      route => route.fulfill({ status: 500 }),
    );

-
    await page.goto(projectFixtureUrl);
+
    await page.goto(sourceBrowsingUrl);
    await page.locator("text=.hidden").click();

    await expect(page.locator("text=Not able to load file")).toBeVisible();
  });
  test("error appears when README can't be loaded", async ({ page }) => {
-
    await page.route(`**/v1/projects/${rid}/readme/${aliceMainHead}`, route =>
-
      route.fulfill({ status: 500 }),
+
    await page.route(
+
      `**/v1/projects/${sourceBrowsingRid}/readme/${aliceMainHead}`,
+
      route => route.fulfill({ status: 500 }),
    );

-
    await page.goto(projectFixtureUrl);
+
    await page.goto(sourceBrowsingUrl);
    await expect(
      page.locator("text=The README could not be loaded."),
    ).toBeVisible();
  });
  test("error appears when navigating to missing file", async ({ page }) => {
    await page.route(
-
      `**/v1/projects/${rid}/blob/${aliceMainHead}/.hidden`,
+
      `**/v1/projects/${sourceBrowsingRid}/blob/${aliceMainHead}/.hidden`,
      route => route.fulfill({ status: 500 }),
    );

-
    await page.goto(`${projectFixtureUrl}/tree/master/.hidden`);
+
    await page.goto(`${sourceBrowsingUrl}/tree/master/.hidden`);

    await expect(page.locator("text=Not able to load file")).toBeVisible();
  });
modified tests/e2e/project/commit.spec.ts
@@ -1,20 +1,21 @@
import {
  test,
  expect,
-
  projectFixtureUrl,
+
  sourceBrowsingUrl,
  bobRemote,
  bobHead,
+
  aliceRemote,
} from "@tests/support/fixtures.js";

-
const modifiedFileFixture = `${projectFixtureUrl}/remotes/${bobRemote.substring(
+
const modifiedFileFixture = `${sourceBrowsingUrl}/remotes/${bobRemote.substring(
  8,
)}/commits/${bobHead}`;

test("navigation from commit list", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
+
  await page.goto(sourceBrowsingUrl);
  await page.getByTitle("Change peer").click();
  await page.locator(`text=${bobRemote}`).click();
-
  await page.locator('role=link[name="9 commits"]').click();
+
  await page.locator('role=link[name="7 commits"]').click();

  await page.locator("text=Update readme").click();
  await expect(page).toHaveURL(modifiedFileFixture);
@@ -43,9 +44,7 @@ test("modified file", async ({ page }) => {
  {
    const header = page.locator(".commit .header");
    await expect(header.locator("text=Update readme")).toBeVisible();
-
    await expect(
-
      header.locator("text=ec5eb0b5efb73da17a2d25454cc47eea3967f328"),
-
    ).toBeVisible();
+
    await expect(header.locator(`text=${bobHead}`)).toBeVisible();
  }

  // Diff header.
@@ -60,17 +59,21 @@ test("modified file", async ({ page }) => {

test("created file", async ({ page }) => {
  await page.goto(
-
    `${projectFixtureUrl}/remotes/${bobRemote}/commits/d6318f7f3d9c15b8ac6dd52267c53220d00f0982`,
+
    `${sourceBrowsingUrl}/remotes/${aliceRemote.substring(
+
      8,
+
    )}/commits/d87e27e38e244fb3346cb9e4df064c080d97647a`,
  );
  await expect(
-
    page.locator("text=1 file added with 9 insertions and 0 deletions"),
+
    page.locator("text=1 file added with 1 insertion and 0 deletions"),
  ).toBeVisible();
-
  await expect(page.locator("text=subconscious.txt added")).toBeVisible();
+
  await expect(page.locator("text=.hidden added")).toBeVisible();
});

test("deleted file", async ({ page }) => {
  await page.goto(
-
    `${projectFixtureUrl}/remotes/${bobRemote}/commits/cd13c2d9a8a930d64a82b6134b44d1b872e33662`,
+
    `${sourceBrowsingUrl}/remotes/${aliceRemote.substring(
+
      8,
+
    )}/commits/0e2db54dfd47d87202809917e2342655d9e76296`,
  );
  await expect(
    page.locator("text=1 file deleted with 0 insertions and 1 deletion"),
@@ -80,7 +83,7 @@ test("deleted file", async ({ page }) => {

test("navigation to source tree at specific revision", async ({ page }) => {
  await page.goto(
-
    `${projectFixtureUrl}/commits/0801aceeab500033f8d608778218657bd626ef73`,
+
    `${sourceBrowsingUrl}/commits/0801aceeab500033f8d608778218657bd626ef73`,
  );

  // Go to source tree at this revision.
@@ -89,7 +92,7 @@ test("navigation to source tree at specific revision", async ({ page }) => {
    page.locator("text=Add a deeply nested directory tree"),
  ).toBeVisible();
  await expect(page).toHaveURL(
-
    `${projectFixtureUrl}/tree/0801aceeab500033f8d608778218657bd626ef73/deep/directory/hierarchy/is/entirely/possible/in/git/repositories/.gitkeep`,
+
    `${sourceBrowsingUrl}/tree/0801aceeab500033f8d608778218657bd626ef73/deep/directory/hierarchy/is/entirely/possible/in/git/repositories/.gitkeep`,
  );
  await expect(page.getByTitle("Current branch")).toContainText(
    "0801aceeab500033f8d608778218657bd626ef73",
modified tests/e2e/project/commits.spec.ts
@@ -1,15 +1,17 @@
import {
  test,
  expect,
-
  projectFixtureUrl,
+
  sourceBrowsingUrl,
  bobRemote,
  aliceRemote,
  gitOptions,
+
  aliceMainHead,
} from "@tests/support/fixtures.js";
+
import { createProject } from "@tests/support/project";

test("peer and branch switching", async ({ page }) => {
-
  await page.goto(projectFixtureUrl);
-
  await page.locator('role=link[name="8 commits"]').click();
+
  await page.goto(sourceBrowsingUrl);
+
  await page.locator('role=link[name="6 commits"]').click();

  // Alice's peer.
  {
@@ -22,13 +24,11 @@ test("peer and branch switching", async ({ page }) => {
    );

    await expect(page.getByText("Thursday, November 17, 2022")).toBeVisible();
-
    await expect(page.locator(".history .teaser")).toHaveCount(8);
+
    await expect(page.locator(".history .teaser")).toHaveCount(6);

    const latestCommit = page.locator(".teaser").first();
-
    await expect(latestCommit).toContainText(
-
      "Adds a new markdown file with an image with a relative path",
-
    );
-
    await expect(latestCommit).toContainText("fcc9294");
+
    await expect(latestCommit).toContainText("Add README.md");
+
    await expect(latestCommit).toContainText(aliceMainHead.substring(0, 7));

    const earliestCommit = page.locator(".teaser").last();
    await expect(earliestCommit).toContainText(
@@ -40,10 +40,10 @@ test("peer and branch switching", async ({ page }) => {
    await page.locator("text=feature/branch").click();

    await expect(page.getByTitle("Current branch")).toContainText(
-
      "feature/branch d6318f7",
+
      "feature/branch 1aded56",
    );
    await expect(page.getByText("Thursday, November 17, 2022")).toBeVisible();
-
    await expect(page.locator(".history .teaser")).toHaveCount(10);
+
    await expect(page.locator(".history .teaser")).toHaveCount(9);

    await page.getByTitle("Change branch").click();
    await page.locator("text=orphaned-branch").click();
@@ -65,7 +65,7 @@ test("peer and branch switching", async ({ page }) => {
      )} `,
    );

-
    await expect(page.getByText("Tuesday, December 20, 2022")).toBeVisible();
+
    await expect(page.getByText("Wednesday, December 21, 2022")).toBeVisible();
    await expect(page.locator(".group").first().locator(".teaser")).toHaveCount(
      1,
    );
@@ -77,7 +77,7 @@ test("peer and branch switching", async ({ page }) => {

    const latestCommit = page.locator(".teaser").first();
    await expect(latestCommit).toContainText("Update readme");
-
    await expect(latestCommit).toContainText("ec5eb0b");
+
    await expect(latestCommit).toContainText("28f3710");

    const earliestCommit = page.locator(".teaser").last();
    await expect(earliestCommit).toContainText(
@@ -98,8 +98,8 @@ test("relative timestamps", async ({ page }) => {
    };
  });

-
  await page.goto(projectFixtureUrl);
-
  await page.locator('role=link[name="8 commits"]').click();
+
  await page.goto(sourceBrowsingUrl);
+
  await page.locator('role=link[name="6 commits"]').click();

  await page.getByTitle("Change peer").click();
  await page.locator(`text=${bobRemote}`).click();
@@ -110,7 +110,7 @@ test("relative timestamps", async ({ page }) => {
  );
  const latestCommit = page.locator(".teaser").first();
  await expect(latestCommit).toContainText("Bob Belcher committed now");
-
  await expect(latestCommit).toContainText("ec5eb0b");
+
  await expect(latestCommit).toContainText("28f3710");
  const earliestCommit = page.locator(".teaser").last();
  await expect(earliestCommit).toContainText(
    "Alice Liddell committed last month",
@@ -124,7 +124,7 @@ test("pushing changes while viewing history", async ({ page, peerManager }) => {
  });
  await alice.startHttpd(8090);
  await alice.startNode();
-
  const { rid, projectFolder } = await alice.createProject("alice-project");
+
  const { rid, projectFolder } = await createProject(alice, "alice-project");
  await page.goto(`/seeds/127.0.0.1:8090/${rid}`);
  await page.locator('role=link[name="1 commit"]').click();
  await expect(page).toHaveURL(`/seeds/127.0.0.1:8090/${rid}/history`);
modified tests/e2e/search.spec.ts
@@ -2,19 +2,19 @@ import { searchPlaceholder } from "@app/lib/shared";
import {
  test,
  expect,
-
  rid,
-
  projectFixtureUrl,
+
  sourceBrowsingRid,
+
  sourceBrowsingUrl,
} from "@tests/support/fixtures.js";

test("navigate to existing project", async ({ page }) => {
  await page.goto("/");
  const searchInput = page.getByPlaceholder(searchPlaceholder);
  await searchInput.click();
-
  await searchInput.fill(`${rid}`);
+
  await searchInput.fill(sourceBrowsingRid);
  await searchInput.press("Enter");

-
  await expect(page).toHaveURL(projectFixtureUrl);
-
  await expect(searchInput).not.toHaveValue(`${rid}`);
+
  await expect(page).toHaveURL(sourceBrowsingUrl);
+
  await expect(searchInput).not.toHaveValue(sourceBrowsingRid);
});

test("navigate to a project that does not exist", async ({ page }) => {
modified tests/e2e/seed.spec.ts
@@ -1,7 +1,7 @@
import {
  aliceMainHead,
  expect,
-
  rid,
+
  sourceBrowsingRid,
  seedRemote,
  test,
} from "@tests/support/fixtures.js";
@@ -20,7 +20,7 @@ test("seed metadata", async ({ page }) => {

test("seed projects", async ({ page }) => {
  await page.goto("/seeds/radicle.local");
-
  const project = page.locator(".project");
+
  const project = page.locator(".project", { hasText: "source-browsing" });

  // Project metadata.
  {
@@ -33,8 +33,10 @@ test("seed projects", async ({ page }) => {

  // Show project ID on hover.
  {
-
    await expect(project.locator(`text=${rid}`)).not.toBeVisible();
+
    await expect(
+
      project.locator(`text=${sourceBrowsingRid}`),
+
    ).not.toBeVisible();
    await project.hover();
-
    await expect(project.locator(`text=${rid}`)).toBeVisible();
+
    await expect(project.locator(`text=${sourceBrowsingRid}`)).toBeVisible();
  }
});
modified tests/e2e/settings.spec.ts
@@ -1,6 +1,6 @@
-
import { test, expect, projectFixtureUrl } from "@tests/support/fixtures.js";
+
import { test, expect, sourceBrowsingUrl } from "@tests/support/fixtures.js";

-
const sourceBrowsingFixture = `${projectFixtureUrl}/tree/main/src/true.c`;
+
const sourceBrowsingFixture = `${sourceBrowsingUrl}/tree/main/src/true.c`;

test("default settings", async ({ page }) => {
  await page.goto(sourceBrowsingFixture);
added tests/fixtures/repos/markdown.tar.bz2
modified tests/fixtures/repos/source-browsing.tar.bz2
modified tests/support/fixtures.ts
@@ -1,24 +1,25 @@
/* eslint-disable @typescript-eslint/naming-convention */
import type * as Stream from "node:stream";
-
import type { PeerManager } from "./peerManager.js";
+
import type { PeerManager, RadiclePeer } from "./peerManager.js";

import * as Fs from "node:fs/promises";
import * as FsSync from "node:fs";
import * as Path from "node:path";
-
import { dirname } from "path";
-
import { fileURLToPath } from "url";
+
import { dirname } from "node:path";
+
import { fileURLToPath } from "node:url";
import { test as base, expect } from "@playwright/test";

import * as Process from "./process.js";
import * as logLabel from "@tests/support/logLabel.js";
-
import { createPeerManager } from "./peerManager.js";
+
import { createPeerManager } from "@tests/support/peerManager.js";
+
import { createProject } from "@tests/support/project.js";

export { expect };

const filename = fileURLToPath(import.meta.url);
export const supportDir = dirname(filename);
export const tmpDir = Path.resolve(supportDir, "..", "./tmp");
-
const fixturesDir = Path.resolve(supportDir, "..", "./fixtures");
+
export const fixturesDir = Path.resolve(supportDir, "..", "./fixtures");

export const test = base.extend<{
  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
@@ -206,10 +207,13 @@ export async function startPalmHttpd() {
    outputLog: FsSync.createWriteStream(Path.resolve(Path.join(tmpDir, "log"))),
  });
  const palm = await peerManager.startPeer({ name: "palm" });
-
  await palm.startHttpd();
+
  await palm.startHttpd(8080);
}

-
export async function createSeedFixture() {
+
export async function createSourceBrowsingFixture(
+
  peerManager: PeerManager,
+
  palm: RadiclePeer,
+
) {
  const projectName = "source-browsing";
  const sourceBrowsingDir = Path.join(tmpDir, "repos", projectName);
  await Fs.mkdir(sourceBrowsingDir, { recursive: true });
@@ -219,17 +223,7 @@ export async function createSeedFixture() {
    "-C",
    sourceBrowsingDir,
  ]);
-
  // Workaround for fixing MaxListenersExceededWarning.
-
  // Since every prefixOutput stream adds stream listeners that don't autoClose.
-
  // TODO: We still seem to have some descriptors left open when running vitest, which we should handle.
-
  const peerManager = await createPeerManager({
-
    dataDir: Path.resolve(Path.join(tmpDir, "peers")),
-
    outputLog: FsSync.createWriteStream(
-
      Path.join(tmpDir, "log"),
-
    ).setMaxListeners(20),
-
  });
-
  const palm = await peerManager.startPeer({ name: "palm" });
-
  await palm.startHttpd();
+
  const rid = sourceBrowsingRid;
  const alice = await peerManager.startPeer({
    name: "alice",
    gitOptions: gitOptions["alice"],
@@ -240,7 +234,6 @@ export async function createSeedFixture() {
    gitOptions: gitOptions["bob"],
  });
  const bobProjectPath = Path.join(bob.checkoutPath, "source-browsing");
-
  await palm.startNode({ trackingPolicy: "track", trackingScope: "all" });
  await alice.startNode();
  await bob.startNode();
  await alice.connect(palm);
@@ -304,14 +297,42 @@ export async function createSeedFixture() {
  );
}

-
export const aliceMainHead = "fcc929424b82984b7cbff9c01d2e20d9b1249842";
+
export async function createMarkdownFixture(peer: RadiclePeer) {
+
  await Fs.mkdir(Path.join(tmpDir, "repos", "markdown"));
+
  await Process.spawn("tar", [
+
    "-xf",
+
    Path.join(fixturesDir, "repos", "markdown.tar.bz2"),
+
    "-C",
+
    Path.join(tmpDir, "repos", "markdown"),
+
  ]);
+
  const { projectFolder } = await createProject(peer, "markdown");
+
  await Fs.cp(Path.join(tmpDir, "repos", "markdown"), projectFolder, {
+
    recursive: true,
+
  });
+

+
  await peer.git(["add", "."], { cwd: projectFolder });
+
  const commitMessage = `Add Markdown cheat sheet
+

+
  Borrowed from [Adam Pritchard][ap].
+
  No modifications were made.
+

+
  [ap]: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet`;
+
  await peer.git(["commit", "-m", commitMessage], {
+
    cwd: projectFolder,
+
  });
+
  await peer.git(["push", "rad"], { cwd: projectFolder });
+
}
+

+
export const aliceMainHead = "dd068e9aff9a569e597f6abaf84f120dd0cbbd70";
export const aliceRemote =
  "did:key:z6MkqGC3nWZhYieEVTVDKW5v588CiGfsDSmRVG9ZwwWTvLSK";
export const bobRemote =
  "did:key:z6Mkg49NtQR2LyYRDCQFK4w1VVHqhypZSSRo7HsyuN7SV7v5";
-
export const bobHead = "ec5eb0b5efb73da17a2d25454cc47eea3967f328";
-
export const rid = "rad:z4BwwjPCFNVP27FwVbDFgwVwkjcir";
-
export const projectFixtureUrl = `/seeds/127.0.0.1/${rid}`;
+
export const bobHead = "28f37105bb78db48111e36281291ff253dd050e8";
+
export const sourceBrowsingRid = "rad:z4BwwjPCFNVP27FwVbDFgwVwkjcir";
+
export const markdownRid = "rad:z2tchH2Ti4LxRKdssPQYs6VHE5rsg";
+
export const sourceBrowsingUrl = `/seeds/127.0.0.1/${sourceBrowsingRid}`;
+
export const markdownUrl = `/seeds/127.0.0.1/${markdownRid}`;
export const seedPort = 8080;
export const seedRemote = "z6MktULudTtAsAhRegYPiZ6631RV3viv12qd4GQF8z1xB22S";
export const gitOptions = {
modified tests/support/globalSetup.ts
@@ -1,16 +1,20 @@
import type { FullConfig } from "@playwright/test";

import * as Fs from "node:fs/promises";
+
import * as FsSync from "node:fs";
import * as Path from "node:path";
import * as readline from "node:readline/promises";
import { execa } from "execa";

import {
-
  createSeedFixture,
-
  supportDir,
+
  createMarkdownFixture,
+
  createSourceBrowsingFixture,
+
  gitOptions,
  startPalmHttpd,
+
  supportDir,
  tmpDir,
-
} from "./fixtures.js";
+
} from "@tests/support/fixtures.js";
+
import { createPeerManager } from "@tests/support/peerManager.js";

const workspacePaths = [Path.join(tmpDir, "peers"), Path.join(tmpDir, "repos")];

@@ -33,8 +37,27 @@ export default async function globalSetup(_config: FullConfig): Promise<void> {
    }
    await removeWorkspace();

-
    console.log("Creating seed fixture");
-
    await createSeedFixture();
+
    // Workaround for fixing MaxListenersExceededWarning.
+
    // Since every prefixOutput stream adds stream listeners that don't autoClose.
+
    // TODO: We still seem to have some descriptors left open when running vitest, which we should handle.
+
    const peerManager = await createPeerManager({
+
      dataDir: Path.resolve(Path.join(tmpDir, "peers")),
+
      outputLog: FsSync.createWriteStream(
+
        Path.join(tmpDir, "peerManager.log"),
+
      ).setMaxListeners(20),
+
    });
+

+
    const palm = await peerManager.startPeer({
+
      name: "palm",
+
      gitOptions: gitOptions["alice"],
+
    });
+
    await palm.startHttpd(8080);
+
    await palm.startNode({ trackingPolicy: "track", trackingScope: "all" });
+

+
    console.log("Creating source-browsing fixture");
+
    await createSourceBrowsingFixture(peerManager, palm);
+
    console.log("Creating markdown fixture");
+
    await createMarkdownFixture(palm);
    console.log("Running tests");
  } else {
    await startPalmHttpd();
modified tests/support/peerManager.ts
@@ -81,7 +81,7 @@ export async function createPeerManager(createParams: {
    outputLog = createParams.outputLog;
  } else {
    outputLogFile = await Fs.open(
-
      Path.join(createParams.dataDir, "peer-manager.log"),
+
      Path.join(createParams.dataDir, "peerManager.log"),
      "a",
    );
    outputLog = outputLogFile.createWriteStream();
@@ -89,7 +89,6 @@ export async function createPeerManager(createParams: {

  const nodes: RadiclePeer[] = [];
  return {
-
    // Starts a new node and registers it.
    async startPeer(params) {
      const peer = await RadiclePeer.create({
        dataPath: createParams.dataDir,
@@ -183,9 +182,8 @@ export class RadiclePeer {
    });
  }

-
  public async startHttpd(port = 8080) {
-
    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-
    this.spawn("radicle-httpd", ["--listen", `0.0.0.0:${port}`]);
+
  public async startHttpd(port: number) {
+
    void this.spawn("radicle-httpd", ["--listen", `0.0.0.0:${port}`]);

    await waitOn({
      resources: [`tcp:127.0.0.1:${port}`],
@@ -215,7 +213,6 @@ export class RadiclePeer {
      args.push("--tracking-policy", params.trackingPolicy);
    }

-
    // eslint-disable-next-line @typescript-eslint/no-floating-promises
    void this.spawn("radicle-node", args);

    await waitOn({
@@ -242,43 +239,6 @@ export class RadiclePeer {
    );
  }

-
  // Create a project using the rad CLI.
-
  public async createProject(
-
    name: string,
-
    description = "",
-
    defaultBranch = "main",
-
  ): Promise<{ rid: string; projectFolder: string }> {
-
    const projectFolder = Path.join(this.checkoutPath, name);
-

-
    await this.git(["init", name, "--initial-branch", defaultBranch], {
-
      cwd: this.checkoutPath,
-
    });
-
    await this.git(["commit", "--allow-empty", "--message", "initial commit"], {
-
      cwd: projectFolder,
-
    });
-
    await this.rad(
-
      [
-
        "init",
-
        "--name",
-
        name,
-
        "--default-branch",
-
        defaultBranch,
-
        "--description",
-
        description,
-
        "--announce",
-
      ],
-
      {
-
        cwd: projectFolder,
-
      },
-
    );
-

-
    const { stdout: rid } = await this.rad(["inspect"], {
-
      cwd: projectFolder,
-
    });
-

-
    return { rid, projectFolder };
-
  }
-

  public async waitForRoutes(rid: string, ...nodes: string[]) {
    let remaining = nodes;

@@ -364,8 +324,7 @@ export class RadiclePeer {
    };
    const childProcess = Process.spawn(cmd, args, opts);

-
    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-
    Process.prefixOutput(childProcess, this.nodeId, this.#outputLog);
+
    void Process.prefixOutput(childProcess, this.nodeId, this.#outputLog);

    return childProcess;
  }
added tests/support/project.ts
@@ -0,0 +1,41 @@
+
import type { RadiclePeer } from "@tests/support/peerManager";
+

+
import * as Path from "node:path";
+

+
// Create a project using the rad CLI.
+
export async function createProject(
+
  peer: RadiclePeer,
+
  name: string,
+
  description = "",
+
  defaultBranch = "main",
+
): Promise<{ rid: string; projectFolder: string }> {
+
  const projectFolder = Path.join(peer.checkoutPath, name);
+

+
  await peer.git(["init", name, "--initial-branch", defaultBranch], {
+
    cwd: peer.checkoutPath,
+
  });
+
  await peer.git(["commit", "--allow-empty", "--message", "initial commit"], {
+
    cwd: projectFolder,
+
  });
+
  await peer.rad(
+
    [
+
      "init",
+
      "--name",
+
      name,
+
      "--default-branch",
+
      defaultBranch,
+
      "--description",
+
      description,
+
      "--announce",
+
    ],
+
    {
+
      cwd: projectFolder,
+
    },
+
  );
+

+
  const { stdout: rid } = await peer.rad(["inspect"], {
+
    cwd: projectFolder,
+
  });
+

+
  return { rid, projectFolder };
+
}
modified tests/unit/mutexExecutor.test.ts
@@ -1,4 +1,3 @@
-
/* eslint-disable @typescript-eslint/no-floating-promises */
import * as sinon from "sinon";
import { describe, expect, test } from "vitest";

@@ -61,14 +60,14 @@ describe("executor", () => {
    const e = mutexExecutor.create();
    const abortListener = sinon.spy();

-
    e.run(async abort => {
+
    void e.run(async abort => {
      abort.addEventListener("abort", abortListener);
      await sleep(10);
      return "first";
    });
    expect(abortListener.called).toBe(false);
    // eslint-disable-next-line @typescript-eslint/no-empty-function
-
    e.run(async () => {});
+
    void e.run(async () => {});
    expect(abortListener.called).toBe(true);
  });

@@ -113,9 +112,9 @@ describe("worker", () => {

    const nextOutput = w.output.firstToPromise();

-
    w.submit(1);
-
    w.submit(2);
-
    w.submit(3);
+
    void w.submit(1);
+
    void w.submit(2);
+
    void w.submit(3);

    expect(await nextOutput).toEqual(3);
  });
modified tests/visual/markdown.spec.ts
@@ -1,8 +1,8 @@
import type { Page } from "@playwright/test";
-
import { test, expect, projectFixtureUrl } from "@tests/support/fixtures.js";
+
import { test, expect, markdownUrl } from "@tests/support/fixtures.js";

async function goToSection(section: string, page: Page) {
-
  await page.goto(`${projectFixtureUrl}/tree/main/markdown/cheatsheet.md`, {
+
  await page.goto(`${markdownUrl}/tree/main/cheatsheet.md`, {
    waitUntil: "networkidle",
  });
  await page.locator(`[href="${section}"]`).click();
@@ -13,7 +13,7 @@ test.describe("markdown rendering", async () => {
    test.use({ viewport: { width: 1280, height: 450 } });
    test("table of contents", async ({ page }) => {
      await page.goto(
-
        `${projectFixtureUrl}/tree/main/markdown/cheatsheet.md#table-of-contents`,
+
        `${markdownUrl}/tree/main/cheatsheet.md#table-of-contents`,
        {
          waitUntil: "networkidle",
        },
@@ -80,11 +80,31 @@ test.describe("markdown rendering", async () => {
  });

  test.describe(async () => {
-
    test.use({ viewport: { width: 1280, height: 590 } });
    test("footnotes", async ({ page }) => {
-
      await goToSection("#footnotes", page);
-
      await expect(page.locator("text=Footnotes aren't part")).toBeVisible();
-
      await expect(page).toHaveScreenshot();
+
      await page.goto(`${markdownUrl}/tree/main/footnotes.md#footnotes`, {
+
        waitUntil: "networkidle",
+
      });
+
      await expect(
+
        page.locator(
+
          "text=This is an example footnote[0]. And some radicle[1] examples.",
+
        ),
+
      ).toBeVisible();
+
      await expect(page.locator("text=0. https://example.com ↩")).toBeVisible();
+
      await expect(page.locator("text=1. https://radicle.xyz ↩")).toBeVisible();
+
      await expect(page).toHaveScreenshot({ fullPage: true });
+

+
      await page.locator("text=Plain").click();
+
      await expect(
+
        page.locator(
+
          "text=This is an example footnote[^0]. And some radicle[^1] examples.",
+
        ),
+
      ).toBeVisible();
+
      await expect(
+
        page.locator("text=[^0]: https://example.com"),
+
      ).toBeVisible();
+
      await expect(
+
        page.locator("text=[^1]: https://radicle.xyz"),
+
      ).toBeVisible();
    });
  });

@@ -146,3 +166,10 @@ test.describe("markdown rendering", async () => {
    });
  });
});
+

+
test("relative image not able to being loaded", async ({ page }) => {
+
  await page.goto(`${markdownUrl}/tree/main/loading-image.md`, {
+
    waitUntil: "networkidle",
+
  });
+
  await expect(page).toHaveScreenshot({ fullPage: true });
+
});
modified tests/visual/project.spec.ts
@@ -1,12 +1,12 @@
import {
  test,
  expect,
-
  projectFixtureUrl,
+
  sourceBrowsingUrl,
  aliceRemote,
} from "@tests/support/fixtures.js";

test("source tree page", async ({ page }) => {
-
  await page.goto(projectFixtureUrl, { waitUntil: "networkidle" });
+
  await page.goto(sourceBrowsingUrl, { waitUntil: "networkidle" });
  await expect(page).toHaveScreenshot();
});

@@ -22,7 +22,7 @@ test("commits page", async ({ page }) => {
  });

  await page.goto(
-
    `${projectFixtureUrl}/remotes/${aliceRemote.substring(8)}/history`,
+
    `${sourceBrowsingUrl}/remotes/${aliceRemote.substring(8)}/history`,
    {
      waitUntil: "networkidle",
    },
@@ -43,17 +43,10 @@ test("commit page", async ({ page }) => {
  });

  await page.goto(
-
    `${projectFixtureUrl}/remotes/${aliceRemote.substring(
+
    `${sourceBrowsingUrl}/remotes/${aliceRemote.substring(
      8,
    )}/commits/d6318f7f3d9c15b8ac6dd52267c53220d00f0982`,
  );
  await expect(page.locator("text=subconscious.txt added")).toBeVisible();
  await expect(page).toHaveScreenshot({ fullPage: true });
});
-

-
test("relative image not able to being loaded", async ({ page }) => {
-
  await page.goto(`${projectFixtureUrl}/tree/main/markdown/loading-image.md`, {
-
    waitUntil: "networkidle",
-
  });
-
  await expect(page).toHaveScreenshot({ fullPage: true });
-
});