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>
101 lines
3.2 KiB
TypeScript
101 lines
3.2 KiB
TypeScript
import { describe, expect, test } from "vitest";
|
|
import { screen, waitFor } from "@testing-library/react";
|
|
import { userEvent } from "@testing-library/user-event";
|
|
import { calls, fail, route } from "../fetch.ts";
|
|
import { currentPath, renderPage } from "../render.tsx";
|
|
|
|
describe("ResetPassword", () => {
|
|
function setup(search = "?token=rst") {
|
|
const user = userEvent.setup();
|
|
renderPage(`/reset-password${search}`);
|
|
return user;
|
|
}
|
|
|
|
test("without a token, it asks for a link by email", async () => {
|
|
route("POST /api/password-resets", () => ({}));
|
|
const user = setup("");
|
|
await user.type(
|
|
await screen.findByPlaceholderText("Your email address"),
|
|
" a@b.c {Enter}",
|
|
);
|
|
await screen.findByText(/you'll receive a reset link/);
|
|
expect(calls("POST /api/password-resets")[0].body).toEqual({
|
|
email: "a@b.c",
|
|
});
|
|
expect(screen.getByRole("link", { name: "Back to login" })).toHaveAttribute(
|
|
"href",
|
|
"/login",
|
|
);
|
|
});
|
|
|
|
test("a failed request is reported, not claimed as sent", async () => {
|
|
route("POST /api/password-resets", () => fail("Internal error", 500));
|
|
const user = setup("");
|
|
await user.type(
|
|
await screen.findByPlaceholderText("Your email address"),
|
|
"a@b.c{Enter}",
|
|
);
|
|
expect(await screen.findByRole("alert")).toHaveTextContent(
|
|
"Request failed",
|
|
);
|
|
expect(screen.queryByText(/you'll receive a reset link/)).not
|
|
.toBeInTheDocument();
|
|
});
|
|
|
|
test("the two passwords must match", async () => {
|
|
const user = setup();
|
|
await user.type(
|
|
await screen.findByPlaceholderText("New password"),
|
|
"longenough",
|
|
);
|
|
await user.type(
|
|
screen.getByPlaceholderText("Confirm new password"),
|
|
"different",
|
|
);
|
|
expect(await screen.findByText("Passwords do not match"))
|
|
.toBeInTheDocument();
|
|
await user.click(screen.getByRole("button", { name: "Set new password" }));
|
|
expect(calls("PUT /api/password-resets/:token")).toHaveLength(0);
|
|
});
|
|
|
|
test("sets the password, then offers login", async () => {
|
|
route("PUT /api/password-resets/:token", () => ({}));
|
|
const user = setup();
|
|
await user.type(
|
|
await screen.findByPlaceholderText("New password"),
|
|
"longenough",
|
|
);
|
|
await user.type(
|
|
screen.getByPlaceholderText("Confirm new password"),
|
|
"longenough{Enter}",
|
|
);
|
|
await screen.findByRole("heading", { name: "Password updated" });
|
|
const [reset] = calls("PUT /api/password-resets/:token");
|
|
expect(reset.params.token).toBe("rst");
|
|
expect(reset.body).toEqual({
|
|
newPassword: "longenough",
|
|
});
|
|
await user.click(screen.getByRole("button", { name: "Go to login" }));
|
|
await waitFor(() => expect(currentPath()).toBe("/login"));
|
|
});
|
|
|
|
test("an expired token is reported", async () => {
|
|
route(
|
|
"PUT /api/password-resets/:token",
|
|
() => fail("Reset link expired", 400),
|
|
);
|
|
const user = setup();
|
|
await user.type(
|
|
await screen.findByPlaceholderText("New password"),
|
|
"longenough",
|
|
);
|
|
await user.type(
|
|
screen.getByPlaceholderText("Confirm new password"),
|
|
"longenough{Enter}",
|
|
);
|
|
expect(await screen.findByRole("alert")).toHaveTextContent(
|
|
"Reset link expired",
|
|
);
|
|
});
|
|
});
|