feat(web): FlexibleFieldValue — resolve term/authority/localized field values (#45)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-07 11:32:17 +02:00
parent 7258b3fd03
commit 2e38af565a
5 changed files with 222 additions and 2 deletions
@@ -0,0 +1,54 @@
+import { expect, test } from "vitest";
+import { screen } from "@testing-library/react";
+
+import { renderApp } from "../test/render";
+import { FlexibleFieldValue } from "./flexible-field-value";
+import { fieldDefinitions } from "../test/fixtures";
+
+function def(key: string) {
+  return fieldDefinitions.find((d) => d.key === key)!;
+}
+
+test("term id resolves to its label", async () => {
+  renderApp(<FlexibleFieldValue def={def("material")} value="t-bronze" lang="en" />);
+
+  expect(await screen.findByText("Bronze")).toBeInTheDocument();
+});
+
+test("authority id resolves to its label", async () => {
+  renderApp(<FlexibleFieldValue def={def("maker")} value="a-ada" lang="en" />);
+
+  expect(await screen.findByText("Ada Lovelace")).toBeInTheDocument();
+});
+
+test("unknown term id renders <id> (unknown)", async () => {
+  renderApp(<FlexibleFieldValue def={def("material")} value="t-missing" lang="en" />);
+
+  expect(await screen.findByText(/t-missing\s*\(unknown\)/)).toBeInTheDocument();
+});
+
+test("localized_text picks the active language string", () => {
+  renderApp(
+    <FlexibleFieldValue
+      def={def("title_ml")}
+      value={{ sv: "Brons-amfora", en: "Bronze amphora" }}
+      lang="sv"
+    />,
+  );
+
+  expect(screen.getByText("Brons-amfora")).toBeInTheDocument();
+  expect(screen.queryByText("Bronze amphora")).not.toBeInTheDocument();
+});
+
+test("date is formatted, not the raw ISO string", () => {
+  renderApp(<FlexibleFieldValue def={def("made_on")} value="2024-01-05" lang="en" />);
+
+  expect(screen.queryByText("2024-01-05")).not.toBeInTheDocument();
+  expect(screen.getByText(/Jan.*5.*2024/)).toBeInTheDocument();
+});
+
+test("boolean true renders Yes", () => {
+  renderApp(<FlexibleFieldValue def={def("is_fragment")} value={true} lang="en" />);
+
+  expect(screen.getByText("Yes")).toBeInTheDocument();
+});