Files
jellytau/src/lib/utils/searchScope.test.ts
T
dtourolle 124da29fc7 fix(search): route the library header search to /search
Typing in the desktop header search bar ran library.search() in place and
relied on /library rendering the results inline. On every other /library/**
route nothing rendered them, so the search bar looked broken: results were
fetched and never shown.

Make /search the single surface that renders results. The header bar becomes a
navigator — it hands the query and route-derived scope to /search via ?q= and
?scope=, which seed the page and run the search on arrival. The inline result
block and the header's scope chips are removed; the chips live on /search,
which owns the results. The empty `all` scope is omitted from the URL, and
typing while already on /search does not push a history entry per keystroke.
2026-07-25 15:13:45 +02:00

414 lines
13 KiB
TypeScript

import { describe, it, expect } from "vitest";
import {
composeSearchGroups,
DEFAULT_GROUP_ORDER,
groupsForScope,
moveGroup,
normalizeGroupOrder,
reorderGroups,
resolveSearchScope,
searchRouteUrl,
shouldNavigateToSearch,
scopeItemTypes,
type SearchGroupId,
} from "./searchScope";
describe("resolveSearchScope", () => {
it("scopes music routes to music", () => {
expect(resolveSearchScope("/library/music")).toBe("music");
expect(resolveSearchScope("/library/music/albums")).toBe("music");
expect(resolveSearchScope("/library/music/artists")).toBe("music");
expect(resolveSearchScope("/library/music/genres")).toBe("music");
expect(resolveSearchScope("/library/music/playlists")).toBe("music");
expect(resolveSearchScope("/library/music/tracks")).toBe("music");
});
it("scopes movie routes to movies", () => {
expect(resolveSearchScope("/library/movies")).toBe("movies");
expect(resolveSearchScope("/library/movies/all")).toBe("movies");
expect(resolveSearchScope("/library/movies/genres")).toBe("movies");
});
it("scopes tv routes to tv", () => {
expect(resolveSearchScope("/library/tv")).toBe("tv");
expect(resolveSearchScope("/library/tv/shows")).toBe("tv");
});
it("treats /library/shows as tv", () => {
// The TV genre page lives under `shows`, not `tv`.
expect(resolveSearchScope("/library/shows/genres")).toBe("tv");
expect(resolveSearchScope("/library/shows")).toBe("tv");
});
it("falls back to all for home, library root, search and unknown routes", () => {
expect(resolveSearchScope("/")).toBe("all");
expect(resolveSearchScope("/library")).toBe("all");
expect(resolveSearchScope("/search")).toBe("all");
expect(resolveSearchScope("/settings")).toBe("all");
expect(resolveSearchScope("/downloads")).toBe("all");
expect(resolveSearchScope("/library/abc123")).toBe("all");
expect(resolveSearchScope("/nonsense/route")).toBe("all");
});
it("tolerates trailing slashes, query strings and hashes", () => {
expect(resolveSearchScope("/library/music/")).toBe("music");
expect(resolveSearchScope("/library/tv?foo=1")).toBe("tv");
expect(resolveSearchScope("/library/movies#top")).toBe("movies");
expect(resolveSearchScope("")).toBe("all");
});
it("does not match a prefix that is only a partial segment", () => {
expect(resolveSearchScope("/library/musicvideos")).toBe("all");
});
});
describe("scopeItemTypes", () => {
it("omits the key entirely for the all scope", () => {
// `all` must send no includeItemTypes — an explicit union would silently
// drop types nobody enumerated (Person, folders).
expect(scopeItemTypes("all")).toBeUndefined();
});
it("maps each narrow scope to its item types", () => {
expect(scopeItemTypes("music")).toEqual(["MusicAlbum", "MusicArtist", "Audio", "Playlist"]);
expect(scopeItemTypes("movies")).toEqual(["Movie"]);
expect(scopeItemTypes("tv")).toEqual(["Series", "Episode"]);
});
it("returns a fresh array callers cannot mutate into the table", () => {
const first = scopeItemTypes("movies")!;
first.push("Series");
expect(scopeItemTypes("movies")).toEqual(["Movie"]);
});
});
describe("normalizeGroupOrder", () => {
it("returns the default for missing or non-array input", () => {
expect(normalizeGroupOrder(null)).toEqual([...DEFAULT_GROUP_ORDER]);
expect(normalizeGroupOrder(undefined)).toEqual([...DEFAULT_GROUP_ORDER]);
expect(normalizeGroupOrder("nonsense")).toEqual([...DEFAULT_GROUP_ORDER]);
expect(normalizeGroupOrder({})).toEqual([...DEFAULT_GROUP_ORDER]);
});
it("drops ids that no longer exist", () => {
expect(normalizeGroupOrder(["movies", "podcasts", "songs"])).toEqual([
"movies",
"songs",
"shows",
"episodes",
"albums",
"artists",
"people",
]);
});
it("appends groups a stored order does not mention", () => {
// A user upgrading from a build with fewer groups must not lose the new ones.
expect(normalizeGroupOrder(["movies", "songs"])).toEqual([
"movies",
"songs",
"shows",
"episodes",
"albums",
"artists",
"people",
]);
});
it("de-duplicates repeated ids", () => {
expect(normalizeGroupOrder(["songs", "songs", "movies"])).toEqual([
"songs",
"movies",
"shows",
"episodes",
"albums",
"artists",
"people",
]);
});
it("preserves a complete valid order unchanged", () => {
const order: SearchGroupId[] = [
"episodes",
"shows",
"movies",
"artists",
"albums",
"songs",
"people",
];
expect(normalizeGroupOrder(order)).toEqual(order);
});
it("expands a stored `tvShows` into shows + episodes in place", () => {
// Migration: the old combined group split, and a user who put TV first
// must still get TV first rather than appended at the bottom.
expect(normalizeGroupOrder(["tvShows", "movies"])).toEqual([
"shows",
"episodes",
"movies",
"songs",
"albums",
"artists",
"people",
]);
});
});
describe("groupsForScope", () => {
it("returns every group in saved order for the all scope", () => {
expect(
groupsForScope("all", [
"movies",
"songs",
"shows",
"episodes",
"albums",
"artists",
"people",
])
).toEqual(["movies", "songs", "shows", "episodes", "albums", "artists", "people"]);
});
it("keeps only in-scope groups, in saved order", () => {
const order: SearchGroupId[] = [
"artists",
"movies",
"albums",
"episodes",
"shows",
"songs",
"people",
];
expect(groupsForScope("music", order)).toEqual(["artists", "albums", "songs"]);
expect(groupsForScope("movies", order)).toEqual(["movies"]);
expect(groupsForScope("tv", order)).toEqual(["episodes", "shows"]);
});
it("surfaces people only under the all scope", () => {
// Cast/crew cut across music, film and TV, so no narrow scope claims them.
expect(groupsForScope("all", DEFAULT_GROUP_ORDER)).toContain("people");
expect(groupsForScope("music", DEFAULT_GROUP_ORDER)).not.toContain("people");
expect(groupsForScope("tv", DEFAULT_GROUP_ORDER)).not.toContain("people");
expect(groupsForScope("movies", DEFAULT_GROUP_ORDER)).not.toContain("people");
});
});
describe("composeSearchGroups", () => {
const results = [
{ id: "1", type: "Audio" },
{ id: "2", type: "MusicAlbum" },
{ id: "3", type: "Movie" },
{ id: "4", type: "Series" },
{ id: "5", type: "Episode" },
{ id: "6", type: "Person" },
];
it("renders groups in the configured order", () => {
const groups = composeSearchGroups(results, "all", [
"shows",
"episodes",
"movies",
"songs",
"albums",
"artists",
"people",
]);
expect(groups.map((g) => g.id)).toEqual([
"shows",
"episodes",
"movies",
"songs",
"albums",
"people",
]);
});
it("puts shows ahead of episodes by default", () => {
// Searching a show's name should surface the show itself first, not an
// arbitrary episode of it.
const ids = composeSearchGroups(results, "tv", DEFAULT_GROUP_ORDER).map((g) => g.id);
expect(ids).toEqual(["shows", "episodes"]);
});
it("omits empty groups", () => {
// No artists in the fixture, so the artists group never renders.
const groups = composeSearchGroups(results, "all", DEFAULT_GROUP_ORDER);
expect(groups.map((g) => g.id)).not.toContain("artists");
});
it("drops out-of-scope groups", () => {
expect(composeSearchGroups(results, "music", DEFAULT_GROUP_ORDER).map((g) => g.id)).toEqual([
"songs",
"albums",
]);
expect(composeSearchGroups(results, "tv", DEFAULT_GROUP_ORDER).map((g) => g.id)).toEqual([
"shows",
"episodes",
]);
});
it("separates series and episodes into their own groups", () => {
const groups = composeSearchGroups(results, "tv", DEFAULT_GROUP_ORDER);
expect(groups.find((g) => g.id === "shows")?.items.map((i) => i.id)).toEqual(["4"]);
expect(groups.find((g) => g.id === "episodes")?.items.map((i) => i.id)).toEqual(["5"]);
});
it("surfaces people so an actor search reaches their bio", () => {
// Person items were previously returned by the backend and silently dropped.
const all = composeSearchGroups(results, "all", DEFAULT_GROUP_ORDER);
expect(all.find((g) => g.id === "people")?.items.map((i) => i.id)).toEqual(["6"]);
});
it("ignores item types that belong to no group", () => {
const withFolder = [...results, { id: "7", type: "CollectionFolder" }];
const all = composeSearchGroups(withFolder, "all", DEFAULT_GROUP_ORDER);
expect(all.flatMap((g) => g.items).map((i) => i.id)).not.toContain("7");
});
it("narrowing then widening restores the full arrangement", () => {
// Scope is a filter over the saved order, never a rewrite of it.
const order: SearchGroupId[] = [
"shows",
"songs",
"movies",
"albums",
"artists",
"episodes",
"people",
];
const wide = composeSearchGroups(results, "all", order).map((g) => g.id);
composeSearchGroups(results, "music", order);
expect(composeSearchGroups(results, "all", order).map((g) => g.id)).toEqual(wide);
expect(wide).toEqual(["shows", "songs", "movies", "albums", "episodes", "people"]);
});
it("survives a stored order containing an unknown id", () => {
const groups = composeSearchGroups(results, "all", [
"podcasts",
"movies",
] as unknown as SearchGroupId[]);
expect(groups.map((g) => g.id)).toEqual([
"movies",
"shows",
"episodes",
"songs",
"albums",
"people",
]);
});
it("handles items with a missing type", () => {
const groups = composeSearchGroups(
[{ id: "x", type: null }, { id: "y" }] as { id: string; type?: string | null }[],
"all",
DEFAULT_GROUP_ORDER
);
expect(groups).toEqual([]);
});
});
describe("moveGroup", () => {
const order: SearchGroupId[] = ["songs", "albums", "artists", "movies", "shows"];
it("moves a group up", () => {
expect(moveGroup(order, "artists", -1)).toEqual([
"songs",
"artists",
"albums",
"movies",
"shows",
]);
});
it("moves a group down", () => {
expect(moveGroup(order, "songs", 1)).toEqual([
"albums",
"songs",
"artists",
"movies",
"shows",
]);
});
it("is a no-op at the boundaries", () => {
expect(moveGroup(order, "songs", -1)).toEqual(order);
expect(moveGroup(order, "shows", 1)).toEqual(order);
});
it("is a no-op for an unknown id", () => {
expect(moveGroup(order, "podcasts" as SearchGroupId, 1)).toEqual(order);
});
it("does not mutate the input", () => {
const input = [...order];
moveGroup(input, "songs", 1);
expect(input).toEqual(order);
});
});
describe("reorderGroups", () => {
const order: SearchGroupId[] = ["songs", "albums", "artists", "movies", "shows"];
it("moves an item from one index to another", () => {
expect(reorderGroups(order, 0, 4)).toEqual([
"albums",
"artists",
"movies",
"shows",
"songs",
]);
expect(reorderGroups(order, 4, 0)).toEqual([
"shows",
"songs",
"albums",
"artists",
"movies",
]);
});
it("is a no-op for equal or out-of-range indices", () => {
expect(reorderGroups(order, 2, 2)).toEqual(order);
expect(reorderGroups(order, -1, 2)).toEqual(order);
expect(reorderGroups(order, 0, 9)).toEqual(order);
});
});
describe("searchRouteUrl", () => {
it("encodes the query and the scope", () => {
expect(searchRouteUrl("miles davis", "music")).toBe("/search?q=miles%20davis&scope=music");
});
it("omits the scope key for the default `all` scope", () => {
expect(searchRouteUrl("dune", "all")).toBe("/search?q=dune");
});
it("targets bare /search for an empty query so the page shows its empty state", () => {
expect(searchRouteUrl("", "all")).toBe("/search");
expect(searchRouteUrl(" ", "music")).toBe("/search");
});
});
describe("shouldNavigateToSearch", () => {
it("navigates from any library page, which cannot render results itself", () => {
// The bug: the header search bar shows on every /library/** route but only
// /library rendered $library.searchResults, so typing did nothing on
// /library/music, /library/tv, /library/movies and detail pages.
expect(shouldNavigateToSearch("/library", "jazz")).toBe(true);
expect(shouldNavigateToSearch("/library/music", "jazz")).toBe(true);
expect(shouldNavigateToSearch("/library/tv", "jazz")).toBe(true);
expect(shouldNavigateToSearch("/library/movies", "jazz")).toBe(true);
expect(shouldNavigateToSearch("/library/abc123", "jazz")).toBe(true);
});
it("stays put when already on /search, so typing does not re-push history", () => {
expect(shouldNavigateToSearch("/search", "jazz")).toBe(false);
expect(shouldNavigateToSearch("/search?q=old", "jazz")).toBe(false);
});
it("does not navigate on an empty query", () => {
expect(shouldNavigateToSearch("/library/music", "")).toBe(false);
expect(shouldNavigateToSearch("/library/music", " ")).toBe(false);
});
});