3e15e9a4f2
No test saw it because each page's test mounted the page on a route pattern of its own, a copy of App's, with stand-in pages where a redirect lands: Index's parsed the path itself, and passed on one the app doesn't serve. renderPage (src/test/render.tsx) now opens a URL through AppRoutes, which App.tsx exports for it, inside the real providers, and every page's test uses it: the page is the one the app routes that URL to, behind its guard, and a redirect is checked by the path it lands on. An entry may be a location, to arrive with the state a link hands over. Every page being loaded with its route, the first query after opening one waits. src/test/App.test.tsx tests the table itself: the paths that are a feed, those that are not found, those that send a guest to sign in and back, and those that send a signed-in user home. The profile's test held /@ann/dumps/x to be a path the profile answers as not found, which only its own pattern made true: in the app it is a dump's page. It now asks for /@ann/dumps/x/y. The tests of the two guards still mount them around a stand-in child, being tests of the guard alone. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
75 lines
2.1 KiB
TypeScript
75 lines
2.1 KiB
TypeScript
import { describe, expect, test } from "vitest";
|
|
import { screen, waitFor } from "@testing-library/react";
|
|
import { route } from "./fetch.ts";
|
|
import { makeCategory, makeSession, page } from "./fixtures.ts";
|
|
import { currentPath, renderPage } from "./render.tsx";
|
|
|
|
const music = makeCategory({ id: "c-music", slug: "music", name: "Music" });
|
|
const next = (path: string) => `/login?next=${encodeURIComponent(path)}`;
|
|
|
|
function open(url: string, session: ReturnType<typeof makeSession> | null) {
|
|
route("GET /api/dumps", () => page([]));
|
|
renderPage(url, { session, categories: [music] });
|
|
}
|
|
|
|
describe("App's routes", () => {
|
|
test.each([
|
|
"/",
|
|
"/hot",
|
|
"/new",
|
|
"/journal",
|
|
"/follow",
|
|
"/follow/playlists",
|
|
"/music",
|
|
"/music/new",
|
|
"/music/follow",
|
|
"/music/follow/playlists",
|
|
])("%s is a feed", async (url) => {
|
|
open(url, makeSession());
|
|
// The tab bar, which the feed draws at two widths.
|
|
expect(await screen.findAllByRole("button", { name: "Followed" })).not
|
|
.toHaveLength(0);
|
|
expect(currentPath()).toBe(url);
|
|
expect(screen.queryByRole("heading", { name: "404" })).toBeNull();
|
|
});
|
|
|
|
test.each([
|
|
"/hot/more",
|
|
"/follow/users",
|
|
"/follow/nope",
|
|
"/follow/playlists/more",
|
|
"/nope",
|
|
"/music/nope",
|
|
"/music/hot/more",
|
|
"/music/follow/users",
|
|
"/search/users/more",
|
|
])("%s is not found", async (url) => {
|
|
open(url, makeSession());
|
|
expect(await screen.findByRole("heading", { name: "404" }))
|
|
.toBeInTheDocument();
|
|
});
|
|
|
|
test.each([
|
|
"/follow",
|
|
"/follow/playlists",
|
|
"/music/follow/playlists",
|
|
"/notifications",
|
|
"/settings",
|
|
"/manage",
|
|
"/community",
|
|
"/community/monthly",
|
|
"/@ann/dumps/a-find/edit",
|
|
])("%s sends a guest to sign in, and back", async (url) => {
|
|
open(url, null);
|
|
await waitFor(() => expect(currentPath()).toBe(next(url)));
|
|
});
|
|
|
|
test.each(["/login", "/register"])(
|
|
"%s sends a signed-in user home",
|
|
async (url) => {
|
|
open(url, makeSession());
|
|
await waitFor(() => expect(currentPath()).toBe("/"));
|
|
},
|
|
);
|
|
});
|